var $body = $('body'),
dialogIsInView = !1,//當(dāng)前是不是對話框
lastContentContainerScrollTop = -1,//用于彈出框禁止內(nèi)容滾動
$contentContainer = $('#content-container');//內(nèi)容容器
//阻止Window滾動
function stopWindowScroll() {
dialogIsInView = true;
//禁止頁面滾動
lastContentContainerScrollTop = $body.scrollTop();
$contentContainer.addClass('overflow-hidden').css({
'height': $window.height(),
'margin-top': -lastContentContainerScrollTop
});
}
//恢復(fù)Window滾動
function revertWindowScroll() {
dialogIsInView = !1;
//恢復(fù)頁面滾動
$contentContainer.css({
'height': 'auto',
'margin-top': 0
}).removeClass('overflow-hidden');
$body.scrollTop(lastContentContainerScrollTop);
}

這里有個要求，內(nèi)容跟元素是 id=”content-Container”.

下面給大家說點題外話：

微信瀏覽器在Android和iOS中的表現(xiàn)形式是不一樣的，歸根結(jié)底是Android端用的QQ瀏覽器內(nèi)核X5，IOS端用的蘋果開放的瀏覽器內(nèi)核webkit。

以上所述是小編給大家介紹的微信瀏覽器彈出框滑動時頁面跟著滑動的實現(xiàn)代碼（兼容Android和IOS端），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

Android TextView實現(xiàn)詞組高亮的示例代碼
本篇文章主要介紹了Android TextView實現(xiàn)詞組高亮的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
Android 裁剪人臉類的實例代碼
這篇文章主要介紹了Android 裁剪人臉類的實例代碼,需要的朋友可以參考下
2018-08-08
Android自定義View實現(xiàn)九宮格圖形解鎖(Kotlin版)
這篇文章主要為大家詳細(xì)介紹了Android自定義View實現(xiàn)九宮格圖形解鎖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
Android 6.0 掃描不到 Ble 設(shè)備需開啟位置權(quán)限的方法
今天小編就為大家分享一篇Android 6.0 掃描不到 Ble 設(shè)備需開啟位置權(quán)限的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-07-07
Android編程實現(xiàn)獲取所有傳感器數(shù)據(jù)的方法
這篇文章主要介紹了Android編程實現(xiàn)獲取所有傳感器數(shù)據(jù)的方法,涉及Android針對傳感器Sensor相關(guān)操作技巧,需要的朋友可以參考下
2017-06-06
Flutter路由fluro引入配置和使用的具體方法
Flutter本身提供了路由機制，本文主要介紹了Flutter fluro配置使用，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
React-Native Android 與 IOS App使用一份代碼實現(xiàn)方法
這篇文章主要介紹了React-Native Android 與 IOS App使用一份代碼實現(xiàn)方法的相關(guān)資料,這里舉例說明，該如何實現(xiàn)IOS和Android APP 都使用一樣的代碼，需要的朋友可以參考下
2016-12-12
Android實現(xiàn)延遲的幾種方法小結(jié)
這篇文章主要介紹了Android實現(xiàn)延遲的幾種方法,結(jié)合實例總結(jié)了Android實現(xiàn)延遲的幾種常見技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2016-02-02
Android ViewPager實現(xiàn)頁面左右切換效果
這篇文章主要為大家詳細(xì)介紹了Android ViewPager實現(xiàn)頁面左右切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
Android視頻播放器屏幕左側(cè)邊隨手指上下滑動亮度調(diào)節(jié)功能的原理實現(xiàn)
這篇文章主要介紹了Android視頻播放器屏幕左側(cè)邊隨手指上下滑動亮度調(diào)節(jié)功能的原理實現(xiàn),非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02