解决 锁定浏览器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 滚动条

 

posted on 2016-11-22 17:55  晓小东  阅读(183)  评论(0)    收藏  举报

导航