首页 > 微信 > 详细

微信页面弹出窗口,底部不随窗口滑动而滚动

时间:2020-04-07 22:56:14      阅读:83      评论:0      收藏:0      [点我收藏+]

公司是做微信第三方公众平台,有一个购物系统,现在需要将商品页面模仿淘宝的样式,就是点击购物车或购买按钮,会弹出一个窗口,显示sku和数量。

本来就是一个做java后台的,前端布局不是很懂,上网搜索加自己摸索了好久,才差不多把
页面做出来,效果如图。

技术分享图片技术分享图片

但是效果出来之后发现,在弹出窗口滑动时,遮罩后面的页面也会随之滑动,以为是时间冒
泡导致的,上网百度了好久,方法倒是找到了好多种,在电脑上也可以了。但是在微信里滑
动还是会拖动后面的页面,看到很多地方说用下面的代码就好了:
$(‘html,body‘).css({‘overflow‘:‘hidden‘});

电脑上可以,微信上面还是不行。最终不断实践,问题解决了,还要多加一个css:

$(‘html,body‘).css({‘overflow‘:‘hidden‘,‘height‘:‘100%‘});

微信页面弹出窗口,底部不随窗口滑动而滚动

原文:https://www.cnblogs.com/10manongit/p/12656675.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!