首页 > 微信 > 详细

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

时间:2016-01-30 03:04:23      阅读:251      评论:0      收藏:0      [点我收藏+]

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

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

技术分享

技术分享

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

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

全选复制放进笔记$(‘html,body‘).css({‘overflow‘:‘hidden‘,‘height‘:‘100%‘});


本文出自 “11163079” 博客,请务必保留此出处http://11173079.blog.51cto.com/11163079/1739944

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

原文:http://11173079.blog.51cto.com/11163079/1739944

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