当前位置： 移动技术网 > IT编程>移动开发>Android > 微信浏览器弹出框滑动时页面跟着滑动的实现代码（兼容Android和IOS端）

微信浏览器弹出框滑动时页面跟着滑动的实现代码（兼容Android和IOS端）

2019年07月24日  | 移动技术网IT编程  | 我要评论

青春日记歌词,纳粹僵尸战场,红楼之林氏长兄

 在做微信开发的时候遇到这个问题：微信浏览器弹出框滑动时页面跟着滑动。

我觉得这个问题用的是下面这几行代码：

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端），希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网