2016 - 2024

感恩一路有你

vue移动端上拉加载更多 vue如何实现移动端滚动让一个图标显示隐藏?

浏览量:2349 时间:2021-03-17 03:19:37 作者:admin

vue如何实现移动端滚动让一个图标显示隐藏?

mounted(){varboDiv=文档.getElementById( 此id)if(boDiv==未定义){return}varisFirefox=navigator.userAgent.indexOf(“Firefox”)如果(isFirefox>0){boDiv.addEventListener公司(“dommousescroll”,函数(事件){//Firefox varevt)=window.event事件||参数[0]如果(evt.详图和lt=-3){ boDiv.scrollTop=博迪夫.scrollTop-10}elseif(evt.详图>=3){ 上卷= 上卷10} evt.stopPropagation公司() evt.prevent默认值()},false)}否则{boDiv.addEventListener公司(“mousewheel”,函数(事件){varevt=window.event事件||参数[0]evt.returnValue=false//阻止正文滚动事件(电动轮三角洲和lt=-120){ boDiv.scrollTop=博迪夫.scrollTop 40}其他(电动轮增量>=120){ boDiv.scrollTop=博迪夫.scrollTop-40}}}}}}

手机浏览器有刷新功能,所以H5不需要做下拉刷新,也没有人做。

向上拉以加载,您可以监视页面的滚动位置,并在页面滑到底部时自动加载更多页面

vue移动端上拉加载更多 vue移动端下拉加载历史数据 移动端上滑加载更多

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。