文章詳情頁
javascript - 移動(dòng)端，當(dāng)出現(xiàn)遮罩層的時(shí)候，遮罩層里有div是超出高度scroll的，怎么避免滑動(dòng)div的時(shí)候，body跟隨滑動(dòng)？
瀏覽：259日期：2023-05-21 15:54:24
問題描述
1、排除點(diǎn)擊出現(xiàn)遮罩層時(shí)給body加上overflow:hidden,因?yàn)楫?dāng)body滑動(dòng)到底部，再點(diǎn)擊一下出現(xiàn)遮罩層的時(shí)候，body會(huì)默認(rèn)跳到頂部，遮罩層定位在top:0;left:0;position:fixed;2、排除當(dāng)p滑動(dòng)的時(shí)候，阻止冒泡行為，因?yàn)閟croll事件接受冒泡，但不支持阻止默認(rèn)事件和冒泡行為；3、已做多次嘗試，請各位大神支招！
問題解答
回答1：自己想了好久一直沒有解決，現(xiàn)在通過各種查找已通過iscroll.js插件完成，由于遮罩層的p高度是自動(dòng)撐開的，所以，在調(diào)用的時(shí)候，需要做一下延時(shí)
標(biāo)簽：
JavaScript
相關(guān)文章：
1. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎？2. javascript - 移動(dòng)端padding問題3. javascript - 移動(dòng)端電商網(wǎng)站驗(yàn)證登錄是怎么實(shí)現(xiàn)的？4. javascript - 移動(dòng)端頁面可以調(diào)用手機(jī)系統(tǒng)的單選框嗎5. javascript - 移動(dòng)端 點(diǎn)擊彈出遮罩層 加斷點(diǎn)調(diào)試就行 不加斷點(diǎn)就不行6. javascript - 移動(dòng)端頁面 手機(jī)鍵盤擋住了輸入框7. javascript - 移動(dòng)端一個(gè)小效果8. javascript - 移動(dòng)端自適應(yīng)9. javascript - 移動(dòng)端做pad適配10. javascript - 移動(dòng)端針對頁面固定定位到底部的內(nèi)容，每次調(diào)出鍵盤都會(huì)被輸入鍵盤蓋住
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備