背景不動，內容滾動的解決方案（移動端）
在最外層設置背景。再用一個包裹層把需要滾動的內容包裹起來，利用box-flex布局。 ...
原文：移動端 彈窗-內容可滾動，背景不動
實際開發中，總免不了使用彈窗，如果彈窗比較短，內容不需要滑動，那還好處理，vue中直接阻止滑動就可以了，但是如果彈窗內的內容需要滑動，那就有點麻煩了，之前看到的方案都是給body設置fixed，但是事實上都不是很好，還好，網上找了一種解決方案，實現思路比較簡單直接，滑動的時候監聽touch事件，通過target來判斷滑動的是誰，如果是遮罩層，那么直接preventDefault ，當然，這還沒完， ...
2019-12-05 22:07 0 330 推薦指數：
相關推薦
移動端彈出層背景禁止滾動
發頁面上某個元素或者達到某個條件時，頁面彈出模態框的場景應該是很常見的了，特別是在屏幕較小的移動端，例如下面這種： 對於這個效果，之前一直都沒怎么在意探究過，因為覺得應該沒什么好弄的，直到，我接到了一個包含此效果的需求之后，我才知道什么叫眼高手低，還是太年輕。 body ...
CSS里使BODY的背景圖片固定不動內容滾動
CSS里使BODY的背景圖片固定不動內容滾動：style="background-attachment: fixed" 例子解析： body { background-image: url(images/dbg.jpg ...
css實現移動端滾動條隱藏仍然可以滾動內容
.g-panel { height: calc(100% - 112px); overflow: auto; &::-webkit-scrollb ...
移動端彈窗滾動時window窗體也一起滾動的解決辦法
在做移動端項目的時候發現，如果彈窗的內容很多很長，在滑動彈窗時，蒙層下面的window窗體也會跟着一起滾動，這樣帶來很差的視覺體驗：當時也想了很多辦法，比如判斷滑動的元素，如果是彈窗里面的元素則禁止window的滾動，如果不是，則window可以滾動 雖然在滑動彈窗的時候window體不滾動 ...
pc頁面滾動的時候，背景圖不動只是頁面滾動
代碼如下，直接拷貝出去就能看效果； 用到的方法 background-attachment 屬性設置背景圖像是否固定或者隨着頁面的其余部分滾動。 ...
vue移動端橫向滾動計算滾動距離，從而移動背景圖滾動條 vant庫
<template> <div class="page-body"> <div class="page-title ...
vue 移動端彈窗后禁止頁面滾動 @touchmove.prevent
可以在遮罩層中添加 @touchmove.prevent 就可以實現禁止頁面滾動 注意 彈窗里面有滾動條的也是無法滾動的 ...