欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue,uniapp--js禁止頁面滾動,取消滾動方式

 更新時間：2024年05月24日 10:03:15   作者：沐卿?  
這篇文章主要介紹了vue,uniapp--js禁止頁面滾動,取消滾動方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

vue,uniapp js禁止頁面滾動,取消滾動

首先是禁止頁面滾動

    //禁止頁面滑動
            stop(){
                  var box=function(e)
                  {passive: false ;};
                  document.body.style.overflow='hidden';
                  document.addEventListener("touchmove",box,false);
              },

取消禁止?jié)L動

 //允許頁面滑動
              move(){
                    var box=function(e){passive: false };
                    document.body.style.overflow='';//出現(xiàn)滾動條
                    document.removeEventListener("touchmove",box,false);
              },

什么都不用改，把方法復制過去在你需要得節(jié)點觸發(fā)方法就行。

非常的簡單~~~

uniapp自定義彈窗彈出后禁止頁面滾動

彈窗彈出后

禁止頁面內(nèi)容滾動

可以使用在蒙層上使用

@touchmove.stop.prevent="moveHandle"

在PC端瀏覽器移動設備模式調(diào)試時

鼠標滑輪依然可以滾動

鼠標拖拽上劃就無法滾動

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論