在做微信開發的時候遇到這個問題：微信瀏覽器彈出框滑動時頁面跟著滑動。
我覺得這個問題用的是下面這幾行代碼：
var $body = $('body'),dialogIsInView = !1,//當前是不是對話框lastContentContainerScrollTop = -1,//用于彈出框禁止內容滾動$contentContainer = $('#content-container');//內容容器//阻止Window滾動function stopWindowScroll() {dialogIsInView = true;//禁止頁面滾動lastContentContainerScrollTop = $body.scrollTop();$contentContainer.addClass('overflow-hidden').css({'height': $window.height(),'margin-top': -lastContentContainerScrollTop});}//恢復Window滾動function revertWindowScroll() {dialogIsInView = !1;//恢復頁面滾動$contentContainer.css({'height': 'auto','margin-top': 0}).removeClass('overflow-hidden');$body.scrollTop(lastContentContainerScrollTop);}這里有個要求，內容跟元素是 id=”content-Container”.
下面給大家說點題外話：
微信瀏覽器在Android和iOS中的表現形式是不一樣的，歸根結底是Android端用的QQ瀏覽器內核X5，IOS端用的蘋果開放的瀏覽器內核webkit。
以上所述是小編給大家介紹的微信瀏覽器彈出框滑動時頁面跟著滑動的實現代碼（兼容Android和IOS端），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
