1萤捆、彈出層內(nèi)無需滑動效果
//box:彈出層背景元素
box.addEventListener('touchmove', function(e){
e.preventDefault()
})
2裙品、背景禁止滑動,彈出層內(nèi)可以滑動
js部分
//點擊出現(xiàn)彈出層
$('.child').on('click',function(){
var top=$(window).scrollTop();
$('html').css({'overflow':'hidden','position':'fixed','top': -top+'px'})
})
//關(guān)閉彈出層時
$('.close').on('click', function() {
$('html').css({'overflow': 'auto','position': 'static'});
$('html,body').scrollTop(top);
})
進一步若想要使滑動更加順暢俗或,在滾動時模擬原生的彈性滾動效果
可以在滾動元素時加一句css
-webkit-overflow-scrolling : touch;
overflow-y:auto;