fixed定位标签 滚动页面时出现抖动

本文介绍了一种解决网页中固定头部在滚动时出现抖动现象的方法。通过使用CSS设置局部滚动,仅让非fixed部分滚动,从而避免了头部抖动,提升了用户体验。

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

问题描述:

头部fixed定位, 滚动页面时头部出现抖动

解决方案:

css设置局部滚动(不要让整个页面滚动,只滚动不是fixed的部分)

body  {  overflow-y: hidden; }

head  { position: fixed; height:60px }

contentScroll  { position: absolute; top: 60px; left: 0; bottom: 0; overflow-y: scroll; }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值