亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎么樣防止兄弟元素的滾動

怎么樣防止兄弟元素的滾動

繁花不似錦 2018-10-18 14:15:52
遇到一個問題,寫一個手機頁面。在body中有兩個元素:一個元素content,用來顯示頁面主題內容;一個元素師content的兄弟元素,用來顯示彈出的model頁面遮罩?,F在遇到的問題,在model頁面中有個列表能夠上下滾動,但是滾動到最上端時,兄弟元素content也開始向上滾動;model頁面滾動到最下端時,content也開始向下滾動。理想的狀態是,無論model怎么樣滾動,content都必須不能動。查看京東網頁版app,也有此問題。親們,可有解決方案。已經嘗試了在model里面設置touchmove 阻止冒泡,然并卵。
查看完整描述

1 回答

?
臨摹微笑

TA貢獻1982條經驗 獲得超2個贊

這個問題我遇到過。在model彈出的時候,你就給content設置一個overflow:hidden和position:fixed,model關閉的時候,再設置回來。但是,這樣也有一個問題,ios的Safari瀏覽器會有一個小bug:在你關閉model的時候滑動content可能需要先點擊一下這個content,否則就會滑不動。所以,很多移動端的彈窗都會選擇不管content的滑動。實際上這對用戶體驗也沒有什么影響。


查看完整回答
反對 回復 2018-11-09
  • 1 回答
  • 0 關注
  • 611 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號