Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> 微信浏覽器彈出框滑動時頁面跟著滑動的實現代碼(兼容Android和IOS端)

微信浏覽器彈出框滑動時頁面跟著滑動的實現代碼(兼容Android和IOS端)

編輯:關於Android編程

 在做微信開發的時候遇到這個問題:微信浏覽器彈出框滑動時頁面跟著滑動。

我覺得這個問題用的是下面這幾行代碼:

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端),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對本站網站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved