web移動端浮層滾動帶動底層元素滾動問題解決

2021-08-02 20:27:54 字數 2071 閱讀 9673

當我們寫了這樣乙個結構的時候

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

拉開了就開始的放假老實交代方會計師

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

了深刻的積分看lsjdkfjslk

box為底層,內容超出滾動,jump為浮層,依然超出滾動,但是當我們再移動端滑動浮層的時候,浮層滑動到最底部或最頂部後就會帶動底層box的滑動,這一般不是我們想要的效果。那怎麼解決呢?

有一種寫法就是給底層box動態新增noscroll屬性,在樣式裡這樣寫

.box

.noscroll

當滑動浮層的時候動態給box新增noscroll

$p.on('touchstart', function (ev) );
這樣滑動浮層時就不會聯動到底層box,當關閉的浮層的時候再remove掉noscroll屬性即可

$close.on('click', function () );

PC端 移動端 禁止底層頁面滾動

在頁面中彈出層後。如果是彈出的頁面滾動到頂部 底部後。在拖動 body 也會一起跟著滾動 pc端解決方案 在蒙版層彈出時,加上這句 document.body.parentnode.style.overflow hidden 禁止橫豎向滾動條在彈出層頁面關閉時 document.body.paren...

移動端彈出層滾動時禁止body滾動

相信很多寫移動端的朋友會遇到這個問題,我也遇到了,之後就辛辛苦苦的在網上找解決辦法,下面我大概提一下我在網上看到的幾種辦法,行不行的通呢?本人就親測了下。本人學的還不是太深,如果有什麼不對的地方或者有好的解決辦法,也請告知。測試結果 chrome手機模擬器還真可以,but到了我的安卓手機上,撲街了 ...

web頁面移動端滾動失效問題

專案背景 angular7 echarts 4.8.0 開發的web專案。有乙個全是由各種圖表組成的頁面,在android10系統的手機上訪問頁面時,發現滑動介面不能正常的向下滾動,只有滑動非圖表區域的地方,才能滾動。但是在pc端和ios系統的手機,以及android5.1系統的手機上。頁面滾動時沒...