移動端下彈框禁止背景滑動

茴字寫法有很多種，找到最適合的才是好的。

.overflow-hidden

// 彈出時
$('html, body,.page').addclass('overflow-hidden');
// 隱藏時
$('html, body,.page').removeclass('overflow-hidden');

var top = $(window).scrolltop();

// 彈出時
$("body .page").css(),
// 隱藏式
$("body .page").css();
$("html").css();
$(window).scrolltop(top),
$("html").css();

function preventdefaultfn(event)

// 彈出時 遮罩層
$('.modal-overlay').on('touchmove', preventdefaultfn);
// 隱藏時 遮罩層
$('.modal-overlay').off('touchmove', preventdefaultfn);

.page 

.overflow-hidden
// 彈出時
$('.page').addclass('overflow-hidden');
// 隱藏時
$('.page').removeclass('overflow-hidden');

禁止彈框底部的內容滑動

這個問題查了很久，很多種解決辦法，在我這都無效，可能是因為我的container設定了overflow scroll 最後，發現如下這個辦法 最外面的div是.container，彈框是他的子元素 所以這裡在開啟彈窗時 document.getelementsbyclassname containe...

vue移動端彈框元件

this.refs.toast.showtoast 提示文案 一 npm 安裝 當前最新版本 1.2.0 npm install vue layer mobile 如新版遇到問題可回退舊版本 npm install vue layer mobile 1.0.0 二 調整配置 因為這個元件中有woff...

移動端蒙層底部頁面禁止滑動

蒙層 蒙層居中，且底部div禁止滑動。container style 因為不同螢幕高度不同，且字型大小不同content高度也不同，所以高度在js中控制。用 代替document.queryselector,節省重複 var function selector 彈出框 function show p...