谷歌下,因为给外层大容器设置 overflow:visible; 而导致问题,IE、火狐正常

本文探讨了一段CSS代码导致的网页元素滚动异常问题,在特定条件下点击数据行时页面自动向上滚动。该问题仅出现在某些浏览器中,通过分析代码及浏览器兼容性找到了可能的原因。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

#selector {
    height: auto !important;
    width: 1024px!important;
    margin: auto;
    overflow:visible !important;
    background-color: #fff;
}

出问题就是上述代码,起初并没有设置 height ,而是所使用平台 sharepoint 使用 js 动态获取高度,但是平台是让 #selector 自动出现滚动条的,而公司之前的前端为了隐藏滚动条,则使用了 overflow:visible !important;  ,可并没有测试完整,所以导致,如今若一页的数据行超过 10 行以上时,当点击是较下面或当滚动条滚去到较下面时,一旦点击数据行,页面则会自动向上滚动一部分,并不是完全滚动到顶部。[ 以上问题IE、火狐并未出现 ]   因对兼容了解不深,暂时并不知道为什么设置  overflow:visible !important;  会导致这种问题。

转载于:https://www.cnblogs.com/JaneBlog/p/7746142.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值