手機(jī)端頁(yè)面,預(yù)設(shè)body的內(nèi)容很多,有捲軸,當(dāng)點(diǎn)擊出現(xiàn)彈出層時(shí)候,body內(nèi)容固定不能滾動(dòng),彈出層可以滾動(dòng)!怎麼解決?
好像不需要單獨(dú)設(shè)定什麼,彈出層出現(xiàn)的時(shí)候,設(shè)定原先內(nèi)容溢出隱藏,彈出層溢出自動(dòng),關(guān)閉則相反
可以給彈出層的 scroll 事件中阻止冒泡event.stopPropagation()
。那麼在滾動(dòng)彈出層的時(shí)候就不會(huì)觸發(fā)外面的 scroll 事件。
$(".pop_box").on("touchmove",function(event){
event.stopPropagation()
})
你可以試試bootstrap的模態(tài)框,好像模態(tài)框彈出層可以滾動(dòng),body滾動(dòng)不了。
給body設(shè)定寬高100%和overflow:hidden;彈出層overflow:auto;應(yīng)該可以了