chrome升级后出现滚动条无法滚动

摘要:
在最近升级了最新版本的Chrome之后,项目中功能页面的本地滚动条无法滚动。无论你如何滚动,最外层的滚动条都会做出响应…1.猜猜:Nima Google不应该做像事件流混乱这样的事情,pass;2.浮动层存在未知干扰:通过千平方比较,发现是由外部容器的位置:绝对,z索引:xx引起的。移除z索引属性后,滚动是正常的;问题来了。如果我需要z指数时必须肿胀怎么办?

chrome升级后出现滚动条无法滚动第1张

最近升级chrome最新版本后,导致项目中功能页面的局部滚动条无法滚动(心里暗骂了很久),无论怎么滚动都是最外层的滚动条响应...

1、猜想:尼玛google应该不会干事件流混乱这种事,pass;

2、有莫名浮层干扰:经过千方对比发现是由外容器的position: absolute、 z-index: xx导致,去掉z-index属性后,滚动正常;问题来了,我要是一定需要z-index的时候肿么办?(心里又想开骂...)

3、如果非要用position: absolute、 z-index: xx也可以,它不作为滚动容器即可,在它子孙里面找一个不具备z-index属性的容器作为滚动容器即可(最好设置好height、overflow:auto属性)

这里只是我遇到一种原因,这只是其中一种参考解决方案。

免责声明:文章转载自《chrome升级后出现滚动条无法滚动》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇BeyondCompare4完美"破解"服务器的Redis连接不上解决方案下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

sencha touch textarea 手机上不显示滚动条,且不能滚动

最近在项目中发现 sencha touch 中的 textarea 在手机上不显示滚动条,也不能滚动。 在浏览器中之所以能显示滚动条滚动,那是浏览器为 textarea 添加的滚动条。 但在手机中是不会显示滚动条的。 可能在以后的版本中会有所改进吧。 于是只能另想办法了,找了一个老外重写的可滑动的 textarea (无滚动条)。 转: Ext.defin...

vue+ElementUI下iframe子页面弹窗蒙层遮罩问题优化

一、问题描述 在使用iframe时,子页面的弹框遮罩只能覆盖子页面,而无法扩展到父页面。(如下图) 二、解决方案 0、前提:弹出的内容高度和宽度不能超过子页面的范围(否则会出现滚动条) 1、父页面: 当子页面需要弹框时,父页面也弹出空弹框,使得整个页面能够遮罩,然后将子页面的层级提高,使子页面可以由子页面自己控制。监听子页面发来的遮罩处理信号,如果是tr...

vue中修改滚动条样式

这是一个在VUE中的设置滚动条样式的方法,该方法只适用于Chrome浏览器,亲测在火狐不适用 样式写在 APP.vue 中,可以用在全局,如果只用在那个盒子中,只需要在::前面加上盒子的class名就可以 ::-webkit-scrollbar { 10px; height: 1px; } ::-webkit-scrollbar-thumb {...

Delphi下Webbrowser的使用技巧

1>调用网页中已知对象   src := WebBrowser1.OleObject.document.getElementByIdx(’id1′).src其实就是javascript中的 getElementByID 的函数 2>获得网页中的某个变量值 Html中的代码 : <script> var userID=123<...

浏览器滚动条美化样式插件.

Jquery.Nicescroll.js nicescroll是一个jQuery插件支持水平滚动条!它支持div,iframe,文本,文档页面滚动条。所有的桌面浏览器兼容:Firefox 4 + 5 +,Chrome,Safari 4 +,Opera 10 +,IE+6与移动设备兼容:iPhone / iPod / ipad,Android 2.2 +,...

浏览器滚动条的参数总结

有朋友常提关于IE滚动条的问题,特总结该贴。简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需ie5.5+才能支持):1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值)、scro...