解决 锁定浏览器body Scroll(浏览器苹果设备与浏览器andriod设备问题)
1 //全局变量用户恢复滚动条的高度 2 var lockBodyTop = 0; 3 function lockBodyscroll() 4 { 5 //非苹果设备浏览器 6 lockBodyTop=$(window).scrollTop(); 7 $('body').lockBodyTop = lockBodyTop; 8 $("body").css({ 9 position:"fixed", 10 overflow:"hidden", 11 'top': lockBodyTop*-1 12 }); 13 14 //safari针对 苹果设备 15 $('body').attr("ontouchmove", "event.preventDefault()"); 16 } 17 18 function unlockBodyscroll() 19 { 20 //针对非苹果设备 21 $(window).scrollTop = lockBodyTop; 23 $("body").css({ position:"", overflow:"", height:"", top:"" }); 24 document.documentElement.scrollTop = lockBodyTop; 25 document.body.scrollTop = lockBodyTop; 26 27 //safari针对 苹果设备 28 $('body').removeAttr("ontouchmove"); 29 }
锁定弹框下 body 滚动条

浙公网安备 33010602011771号