ionic 禁止頁面在微信中上下滑動

2022-03-17 05:41:12 字數 781 閱讀 4342

問題背景:

需要實現的效果:

當不拖拽元素的時候,元素的父級可以上下滑動。當拖拽元素的時候,禁止頁面及父級上下滑動

上**:

var overscroll = function(el,isscroll)  

else

if(currentscroll ===totalscroll)

});el.addeventlistener('touchmove', function

(evt)

else

}});

}

當頁面載入的時候:

overscroll(document.queryselector('#shortcutitems'),'yes');//

允許父級元素上下滑動

document.body.addeventlistener('touchmove', function(evt)

});

接下來元素拖拽自然有touchstart、touchmove和touchend事件

在touchstart事件中新增:

overscroll(document.queryselector('#shortcutitems'),'no');//

設定父級不能滾動

在touchend事件中新增:

overscroll(document.queryselector('#shortcutitems'),'yes');//

設定父級可以滾動

html5在微信中不允許放大縮小頁面

在頭部新增 ok,搞定 initial scale 初始的縮放比例 minimum scale 允許使用者縮放到的最小比例 maximum scale 允許使用者縮放到的最大比例 user scalable 使用者是否可以手動縮放 width 控制 viewport 的大小,可以指定的乙個值或者特殊...

微信頁面 移動端微信頁面禁止字型放大

1.安卓手機禁止字型放大js 頁面加入這段 可使android機器頁面不再受到使用者字型縮放強制改變大小 但是會有乙個1秒左右的延遲,期間可以考慮通過loading展示 僅供參考 if typeof weixinjsbridge undefined function res 重寫設定網頁字型大小的事...

如何讓觸屏頁面在微信中返回時可以保持原高度(位置)

先用cookie記錄上乙個頁面滑動的高度,返回之後用js再滑回去 需要用到這個js庫的幾個方法 監聽整個頁面的滑動事件 document ready function document scrolltop scrolltop 當前頁面設定到cookie中的高度 cookies.remove scro...