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

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

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

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

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

var $body = $('body'),dialogIsInVIEw = !1,//当前是不是对话框lastContentContainerScrolltop = -1,//用于d出框禁止内容滚动$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”.@H_301_1@

下面给大家说点题外话:@H_301_1@

微信浏览器在AndroID和iOS中的表现形式是不一样的,归根结底是AndroID端用的QQ浏览器内核X5,IOS端用的苹果开放的浏览器内核webkit。@H_301_1@

以上所述是小编给大家介绍的微信浏览器d出框滑动时页面跟着滑动的实现代码(兼容AndroID和IOS端),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!@H_301_1@ 总结

以上是内存溢出为你收集整理的微信浏览器d出框滑动时页面跟着滑动的实现代码(兼容Android和IOS端)全部内容,希望文章能够帮你解决微信浏览器d出框滑动时页面跟着滑动的实现代码(兼容Android和IOS端)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1147630.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存