欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

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

时间:2021-04-02 09:45:02|栏目: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。

上一篇:使用VideoView播放App中的资源文件

栏    目:Android代码

下一篇:Android实现聊天界面

本文标题:微信浏览器弹出框滑动时页面跟着滑动的实现代码(兼容Android和IOS端)

本文地址:http://www.codeinn.net/misctech/92705.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有