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

最新推荐文章于 2023-11-03 11:20:12 发布

weixin_33804582

最新推荐文章于 2023-11-03 11:20:12 发布

阅读量391

点赞数

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

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

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

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

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33804582

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

一篇文章 - 轻松入门微信小程序

zyh1841474614的博客

01-10

3970

以前学习微信小程序开发时候的笔记,希望能对大家有帮助

uni-app - 详细实现树形结构选择器组件（支持单选 / 多选 / 可选择父级 / 弹框形式）树形控件 tree 无限级节点树，树插件完整源码，最好用的组件教程

王佳斌

11-07

1万+

uni-app 实现无限级树形结构组件，uniapp无限树形结构，uniapp无限级树形结构组件,多选组件,支持搜索，关于vue.js:uniapp如何实现无限级树形结构组件，uniapp无限级树形结构组件，多选组件，无限树状组件的实现，uni-app官方插件，最好用的树形结构three组件树，很好用的uni-app节点树组件教程，uni-app兼容H5 app 小程序的树形节点树插件组件，UNIAPP怎么实现树形解构可展开折叠的组件。uni-app - 树形结构组件（支持展示、单选、多选、多选联动、展开折

参与评论您还未登录，请先登录后发表或查看评论

移动端微信浏览器使用overflow：scroll属性实现横向滚动没效果

华山派developer的博客

06-07

1876

在写公众号网页时候，如果菜单过多的话，要实现左右滚动。然后列表内容实现上下滚动。就用了overflow-x和overflow-y的样式，结果在电脑浏览器测试时候完全没问题，但打包上传后，在微信里看上下是可以滚动的，左右完全没效果。在手机其他浏览器里正常没问题。我是参考了这篇说在苹果浏览器中overflow不起作用的文章解决的，但实际上我的代码只是在微信浏览器上没效果，反而在safari浏览器里没问题。解决方法： A：是父容器，加overflow样式的 C：是子容器，是具体显示需要滚动的内容。因为需要它

微信小程序overflow-x超出部分样式不渲染

热门推荐

师远鹏

11-12

1万+

在做h5移动端时候，发现overflow: hidden;在安卓微信页面失效问题，经研究和实验，用第三种方法和第四种方法可以解决！ 1、完全隐藏在里加入scroll="no"，可隐藏滚动条； 2、在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示； 3、样式表方法在里加入style="overflow-x:hidden"，可隐

在android所有版本中显示overflow效果

07-16

在android所有版本中一直显示overflow效果的解决方案，详情查看http://blog.csdn.net/lovexieyuan520/article/details/37833639

小程序视频站点样式事件官方BUG：cover-view组件在安卓机上无法上下滑动 VIDEO组件在视频列表点击其他视频不暂停的解决办法

开拓者

06-28

2324

官方BUG：cover-view组件在安卓机上无法上下滑动 VIDEO组件在视频列表点击其他视频不暂停的解决办法现已提交官方处理：https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0006aae1668ba86122e6c895456000&token=8406999...

CSS3---移动端苹果安卓适配

weixin_45343884的博客

09-20

1800

常见苹果适配问题：【问题1】：iPhone页面会自动把数字当成电话号码，点击后自动跳到电话拨号界面 ♥♥♥方案：<meta name="format-detection" content="telephone=no" /> 【问题2】微信浏览器自动调整页面字体大小 ♥♥♥方案：禁止微信浏览器调整页面字体大小: body{ -webkit-text-size-adjust...

企业微信应用实战踩坑之路

weixin_57646982的博客

07-09

1632

背景企业微信这两年在线下场景呈现爆炸性增长趋势，相比个人微信而言，企业微信有很多个人微信无法比拟的优势，比如品牌标识的加强，外部客户的管理，丰富的运营手段等等，说白了企业微信就是面向企业使用的，个人微信是面向个人使用的，定位的不同也决定了企业微信更加适合在运营、营销、推广方面来使用。经过 2021.3 以来的 2 个大版本的产品迭代，目前学而思一对一企业微信已经在用户画像、标签体系建设、裂变活动、渠道活码、群发助手、多主体支持等方面有了生产环境的实践经验。这篇文章分享一下学而思一对一在开发企业微信应用过

解决手机页面overflow scroll滑动很卡的问题

ihoudf

03-21

1万+

在手机页面上，如果你对某个div或模块使用了overflow scroll属性，那么在手机上滑动这个模块时会比较卡。手机访问我写的一个测试页面可以体验这种卡的效果。很奇怪会有这种差异。通过搜索得知以下代码可解决这种卡顿的问题： -webkit-overflow-scrolling: touch; 我在新的测试页面加了这行代码，果然滑动流畅了啊。据说是因为这行代码启用了硬件加速特性

网页嵌套在微信端滚动条不顺滑解决问题(iphone滚动条不顺滑)

Ice Yang的博客

02-21

2987

网页嵌套在微信端滚动条不顺滑解决问题

overflow android,自定义overflow菜单的实现(PopupWindow)

weixin_39541681的博客

05-27

273

当Action Bar的Action放不下时，系统会将其收集在overflow中。用hierarchyviewer查看系统自己生成的Overflow，发现它本身就是popupWindow。所以我们也可以用popUpWindow来写自己的overflow实现更多功能，做出像微信一样的效果。最右边的Action(那个三点菜单)是自己添加的Action，使用了android开发包里的图标ic_actio...

在android所有版本中一直显示overflow效果的解决方案

谁与争锋的专栏

07-16

1万+

在android3.0以上的版本中，有

手机端div设置overflow-y:scroll时怎么阻止body页面的滚动？

暖栀的博客

05-24

5073

对局部需要滚动条的元素，使用这个css属性：-webkit-overflow-scrolling: touch;实测；

移动端左右滑动兼容安卓和ios

Haines

05-11

782

.slide-box { height: 100px; padding: 0 15px 0 15px; display: -webkit-box; overflow-y: hidden; } .slide-box::-webkit-scrollbar { display: none; }

深入理解CSS溢出overflow

weixin_33950035的博客

03-18

1096

前面的话　　当一个元素固定为某个特定大小，但内容在元素中放不下。此时就可以利用overflow属性来控制这种情况定义 overflow溢出　　值: visible | hidden | scroll | auto | inherit 　　初始值: visible 　　应用于: 块级元素、替换元素、表单元格　　继承性: 无　　[注意]除了IE7-浏览器外，其他浏览器...

微信body和弹出层都有滚动条，overflow:auto失效解决方案。

zhaozilong666的博客

08-06

1683

1. 禁止body滚动后，弹出层滚动overflow:auto失效； var DivScroll = function( layerNode ){ //如果没有这个元素的话，那么将不再执行下去 if ( !document.querySelector( layerNode ) ) return ; this.popupLayer = docume...

uniapp 使用overflow-y 安卓不生效问题

A_Brave的博客

04-01

3487

使用uview的模态框组件u-modal显示内容过长，于是添加了一个overflow-y:auto让内容超出盒子高度可以上下滚动，运行后发现在h5端没有问题，安卓只超出隐藏不能滚动。方案：可以使用uni的scroll-view组件 <u-modal v-model="show" title="提示" show-cancel-button> <scroll-view scroll-y="true"> <view v-html="content" style="

微信小程序overflow-x: scroll失效

05-31

在微信小程序中，如果设置了`overflow-x: scroll`或`overflow-y: scroll`，但是发现滚动条没有出现或者滚动不起来，有可能是因为`scroll-view`的子元素没有设置宽度或高度导致的。在`scroll-view`中，只有当子元素的...