vue移動端上拉加載更多 vue如何實現(xiàn)移動端滾動讓一個圖標顯示隱藏?
vue如何實現(xiàn)移動端滾動讓一個圖標顯示隱藏?mounted(){varboDiv=文檔.getElementById( 此id)if(boDiv==未定義){return}varisFirefox=n
vue如何實現(xiàn)移動端滾動讓一個圖標顯示隱藏?
mounted(){varboDiv=文檔.getElementById( 此id)if(boDiv==未定義){return}varisFirefox=navigator.userAgent.indexOf(“Firefox”)如果(isFirefox>0){boDiv.addEventListener公司(“dommousescroll”,函數(shù)(事件){//Firefox varevt)=window.event事件||參數(shù)[0]如果(evt.詳圖和lt=-3){ boDiv.scrollTop=博迪夫.scrollTop-10}elseif(evt.詳圖>=3){ 上卷= 上卷10} evt.stopPropagation公司() evt.prevent默認值()},false)}否則{boDiv.addEventListener公司(“mousewheel”,函數(shù)(事件){varevt=window.event事件||參數(shù)[0]evt.returnValue=false//阻止正文滾動事件(電動輪三角洲和lt=-120){ boDiv.scrollTop=博迪夫.scrollTop 40}其他(電動輪增量>=120){ boDiv.scrollTop=博迪夫.scrollTop-40}}}}}}
手機瀏覽器有刷新功能,所以H5不需要做下拉刷新,也沒有人做。
向上拉以加載,您可以監(jiān)視頁面的滾動位置,并在頁面滑到底部時自動加載更多頁面