禁止彈框底部的內容滑動

2022-05-03 14:54:21 字數 426 閱讀 1587

這個問題查了很久,很多種解決辦法,在我這都無效,可能是因為我的container設定了overflow:scroll

最後,發現如下這個辦法

最外面的div是.container,彈框是他的子元素

所以這裡在開啟彈窗時:document.getelementsbyclassname('container')[0].classlist.add('vux-modal-open');

在關閉彈窗時:document.getelementsbyclassname('container')[0].classlist.remove('vux-modal-open');

//新增的類名樣式

.vux-modal-open{

overflow: hidden;

position: fixed;

width: 100%;

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

茴字寫法有很多種,找到最適合的才是好的。以下下方法在一屛之內是可行的 overflow hidden 彈出時 html,body,page addclass overflow hidden 隱藏時 html,body,page removeclass overflow hidden var top ...

activity仿造底部彈框

用activity來製作底部彈框分兩步走 第一步 設定activity透明 第二步 設定activity切換動畫 如下 第一步 android name c.ccbaactivity android theme style theme.transparent 也可以自定義透明背景需要背景透明,狀態列...

小程式底部動畫彈框

立即預約 立即預約 wxss index.wxss 模態框 modals cancel bottom dialog body 動畫前初始位置 bottom pos yuyue yuyue to js 獲取應用例項 page 顯示遮罩層 showmodal function var animation...