中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
在项目开发中,需要使用Web加载h5协议页面,需要监听用户滑动页面到了最底部。
Web组件好像没有监听滑动到最底部的监听事件,我使用Scroll嵌套Web,Scroll的onReachEnd方法也不会触发。
想问下有什么办法可以监听用户滑动到了最底部。
微信扫码分享
// 示例代码参考 ets import webView from '@ohos.web.webview'; @Entry @Component struct WebViewPage { controller: webView.WebviewController = new webView.WebviewController(); build() { Column() { Web({ src: $rawfile('offset.html'), controller: this.controller }) .javaScriptAccess(true) .domStorageAccess(true) .verticalScrollBarAccess(true) .onOverScroll((event) => { if (event.yOffset < 0) { console.log('已滑到顶端') } if (event.yOffset > 0) { console.log('已滑到底端') } }) } } // html 示例 ============================== <!DOCTYPE html> <html> <head><title>每一天</title> <style> table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 5px; text-align: center; } </style> </head> <body><h1>每一天</h1> <table> <tr> <th>日期</th> </tr> <script> var start = new Date(2024, 0, 1); var end = new Date(2025, 0, 1); for(var d = start; d < end; d.setDate(d.getDate() + 1)) { document.write("<tr><td>" + d.toISOString().slice(0,10) + "</td></tr>"); } </script> </table> </body> </html>