网站关键词查询网址,快速生成html模板,网络服务器忙请稍后重试3008是什么意思,网站备案登记查询系统问题#xff1a;在H5中#xff0c;我们有这样的需求#xff1a;例如有列表的时候#xff0c;滚动到底部时#xff0c;需要加载更多。解决方案#xff1a;可以采用window的滚动事件进行处理分析#xff1a;如果滚动是针对整个屏幕而言的(不针对于某个界面小块)#xff0…问题在H5中我们有这样的需求例如有列表的时候滚动到底部时需要加载更多。解决方案可以采用window的滚动事件进行处理分析如果滚动是针对整个屏幕而言的(不针对于某个界面小块)那么这个应该是是成立的屏幕的高度最大滚动的距离 内容的高度代码实现监听滚动到底部滚动底部.div2{width:100px;height:100px;border:1px solid red}*{margin:0}.button1:active{background:red}body{height:375px;width:667px;border:1px solid red}.div1{height:600px;width:100%;background:red}.div2{height:600px;width:100%;background:green}.div3{height:600px;width:100%;background:blue}.div4{height:600px;width:100%;background:yellow}window.onload function(){//获取容器父元素var div0 document.getElementsByClassName(div0)[0];//height 计算属性的高度var height parseInt((window.getComputedStyle(div0, null).height).replace(px, ));console.log(height,div0的计算高度)window.onscroll function(){/*scrollTop 为滚动条顶端距离界面右上角的距离这里采用了兼容性写法*/let scrollTop document.documentElement document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;//-5是为了保证一定的弹性并非要刚好相等才出发if(height-5scrollTopclientHeightscrollTopclientHeightheight5){console.log(监听成功,到达底部)}}}代码的相关说明很多时候列表加载我们不能够把装载子元素的父容器高度设死此时采用style设置为auto时element.style.height也会等于auto 建议采用clientHeight或者利用计算样式getComputedStyle计算高度总结以上所述是小编给大家介绍的解决HTML5中滚动到底部的事件问题希望对大家有所帮助如果大家有任何疑问请给我留言小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持如果你觉得本文对你有帮助欢迎转载烦请注明出处谢谢
