安卓微信overflow-x overflow-y引发的bug

最新推荐文章于 2023-11-03 11:20:12 发布
转载 最新推荐文章于 2023-11-03 11:20:12 发布 · 423 阅读 · 0

本文介绍了一个在微信环境下图片页面出现的双击缩放bug，并分享了解决方案。bug由图片描述中的overflow-y设置引起，在满屏显示且不能滚动的页面中应避免使用此属性。

今天xgo文章图片页上线用微信扫页面发现一个bug，页面可以双击放大缩小。

找了半天原因，发现是图片描述设置了overflow-y引发的bug。

建议在微信场景里满屏显示不能滚动的页面里慎用overflow-y。

xgo文章图片页上线：m.xgo.com.cn/info/1213384.html

 

一篇文章 - 轻松入门微信小程序
zyh1841474614的博客
01-10 4362
以前学习微信小程序开发时候的笔记,希望能对大家有帮助
uniapp [全端兼容] - 实现级联选择器带搜索框组件，多级联动选择器加入搜索功能并列出选择项与标红搜索关键字，uniApp让级联选择器带搜索示例源码（移动端H5网页、微信小程序、苹果安卓App）
🏆 前端领域优质创作者
08-26 4009
uniapp带搜索框的级联选择器，uniapp 改写uni-data-picker级联选择器（带搜索）新增列出选择和删除功能，实现选择器可进行搜索，uniapp级联选择器搜索功能，给uniapp官网的级联选择器（uni-data-picker）uniapp实现带有搜索框的多级选择器组件，多级联动选择器有搜索并列出标红关键字，uniapp选择器,包含一级,二级级联,三级级联，四级联动，Uniapp多选级联选择器，怎么添加搜索功能，带有搜索功能选择器插件，uniapp实现多级选择器可进行搜索，添加搜索，UniA
微信小程序 自定义上拉刷新，下拉加载
weixin_48145150的博客
07-19 2070
微信小程序 自定义上拉刷新，下拉加载
移动端微信浏览器使用overflow：scroll属性实现横向滚动没效果
华山派developer的博客
06-07 2032
在写公众号网页时候，如果菜单过多的话，要实现左右滚动。然后列表内容实现上下滚动。就用了overflow-x和overflow-y的样式，结果在电脑浏览器测试时候完全没问题，但打包上传后，在微信里看上下是可以滚动的，左右完全没效果。在手机其他浏览器里正常没问题。 我是参考了这篇说在苹果浏览器中overflow不起作用的文章解决的，但实际上我的代码只是在微信浏览器上没效果，反而在safari浏览器里没问题。 解决方法： A：是父容器，加overflow样式的 C：是子容器，是具体显示需要滚动的内容。 因为需要它
(imooc)微信小程序overflow、float、line-height等WXSS样式属性
该用户还没想到好的昵称的博客
07-13 3848
overflow：规定当内容溢出元素框时发生的事情      float：定义元素在哪个方向浮动。 以往这个属性总应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素（替换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。如：image、text、button等，...
微信小程序overflow-x超出部分样式不渲染
Giraffe0615的博客
11-03 900
把display:flex改成display:inline-flex，将对象作为内联块级弹性伸缩盒显示，类似与是子元素将父元素撑开，样式就显示出来了
小程序视频站点样式事件 官方BUG：cover-view组件在安卓机上无法上下滑动 VIDEO组件在视频列表点击 其他视频不暂停的解决办法
开拓者
06-28 2443
官方BUG：cover-view组件在安卓机上无法上下滑动 VIDEO组件在视频列表点击 其他视频不暂停的解决办法 现已提交官方处理：https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0006aae1668ba86122e6c895456000&token=8406999...
CSS3---移动端苹果安卓适配
weixin_45343884的博客
09-20 1908
常见苹果适配问题： 【问题1】：iPhone页面会自动把数字当成电话号码，点击后自动跳到电话拨号界面 ♥♥♥方案：<meta name="format-detection" content="telephone=no" /> 【问题2】微信浏览器自动调整页面字体大小 ♥♥♥方案：禁止微信浏览器调整页面字体大小: body{ -webkit-text-size-adjust...
We前端之UniApp禁止遮罩弹窗下的页面跟随滚动、彻底解决小程序滚动穿透问题、微信小程序、滑动、穿透
优快云博客主页地址：https://mengjian.blog.youkuaiyun.com/
07-27 2674
We前端之UniApp禁止遮罩弹窗下的页面跟随滚动、彻底解决小程序滚动穿透问题、微信小程序、滑动、穿透
IOS 微信浏览器设置overflow：scroll，元素无法滑动bug---解决方案
youngeffort的博客
10-09 9618
现象：设置overflow:scroll,安卓微信浏览器无bug，ios微信浏览器出现无法滑动bug 解决方案：网上已经有了一个比较不错的解决方案以及原因分析，不再赘述：参考链接  ...
overflow: hidden;在安卓微信页面失效问题
师远鹏
11-12 1万+
在做h5移动端时候，发现overflow: hidden;在安卓微信页面失效问题，经研究和实验，用第三种方法和第四种方法可以解决！ 1、完全隐藏 在里加入scroll="no"，可隐藏滚动条； 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示； 3、样式表方法 在里加入style="overflow-x:hidden"，可隐
手机端局部滚动问题 overflow-y:auto|scroll无效的解决办法
热门推荐
xingbipai5492的博客
12-25 2万+
手机端局部滚动问题 overflow-y:auto|scroll无效，使用iscroll解决，发现部分安卓手机还是不支持。 最终，使用的Swiper插件，模拟局部滚动效果实现的，比isscroll好用。（测试的时候，需要把应用软件卸载，重新安装一遍就可以了。） 代码如下： &lt;div class="big_box"&gt; &lt;div class="swiper-containe...
如何解决overflow:hidden失效的问题
梦游的蓝鲸的博客
05-18 9873
#zdiv1{overflow:hidden;} #roll{list-style:none;position:absolute;} #roll li{float:left;}&lt;div id="zdiv1"&gt;    &lt;ul id="roll"&gt;        &lt;li&gt;1&lt;/li&gt;        &lt;li&gt;2&lt;/li&a
解决手机页面overflow scroll滑动很卡的问题
ihoudf
03-21 1万+
在手机页面上，如果你对某个div或模块使用了overflow scroll属性，那么在手机上滑动这个模块时会比较卡。 手机访问我写的一个测试页面可以体验这种卡的效果。 很奇怪会有这种差异。通过搜索得知以下代码可解决这种卡顿的问题： -webkit-overflow-scrolling: touch; 我在新的测试页面加了这行代码，果然滑动流畅了啊。 据说是因为这行代码启用了硬件加速特性
overflow-clip-margin: content-box; overflow: clip; overflow-x: ; overflow-y: ;
最新发布
09-19
用户提供的代码片段中有几个属性设置，但似乎不完整，特别是`overflow-x`和`overflow-y`的值被留空了。用户可能是在尝试控制元素的内容溢出行为，但遇到了问题或者不确定如何正确使用这些属性。 首先，我需要确认...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值