开启辅助访问
创新型软件协议开发平台
|
天盟传媒
|
积分兑好礼
|
APP下载
|
违规举报
|
客户服务系统
您好,请
登录
注册
首页
需求悬赏
I T 商城
找服务商
技术问答
商家特权
新闻媒体
更多导航
搜索
搜索
本版
用户
快捷导航
在线
客服
发布
需求
天盟
APP
天盟APP下载
关注
微信
微信扫一扫访问
顶部
返回列表
如何防抖动?
m1234***
天盟互助
技术问答
js控制元素的通过增加和删除类(class = hide)来达到元素的显示和隐藏,却导致页面的抖动。
猜测是滚动条导致的的抖动?
还有出现闪动的不好效果?
我该如何实现?
(所需效果:页签的切换,js实现。)
显示全部楼层
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
使用道具
举报
上一主题
下一主题
全部参与
1
m4705***
首先你猜的没错,是滚动条导致的。因为你元素显示的时候页面高度假设是1000,然后你的滚动条滚到了500的地方【即scrollTop=500】,这时候你隐藏元素,页面高度变为500,滚动条已经不可能是500了,那么就浏览器就重置了这个值,这时候就会抖动。知道了原因就有方法来解决问题了,可以再隐藏元素的时候不真正隐藏,只是把透明度设为0,这样它仍然占据页面空间,就不会导致滚动条重置而抖动,不过,显然这种方法很鸡肋,当你隐藏元素的下方没有其他内容时可考虑采用。其实比较好的方法是用过渡动画来避免突然抖动带来的不好效果,因为页面已经没有那么多东西了,滚回去很正常,但是可以用一些动画效果来使得其体验好一点。
使用道具
举报
热门问答
CSS中载入指定的图片url失败
我来回答
我就是一个菜鸟,英语根本就搞不懂,我能学好程
我来回答
并发,消息队列,负载均衡,缓存,分布式,安全
我来回答
有没有想一起学Pyhon的?
我来回答
在java中如何输入后显示结果后,继续输入显示结
我来回答
搞HTML5用什么软件呀,视频里的导师用的啥呀??
我来回答
html里的标签都有哪些
我来回答
为什么打印出来都是??号,文件就是Txt啊
我来回答
普通会员
快速沟通
TA的主页
关注TA
收藏TA
今日悬赏
更多 >
每稿
8000
元
开发一个信某游戏自动结算机器人
每稿
1200
元
教学网站制作
每稿
25000
元
抖音全自动云控程序软件制作
每稿
7300
元
信某小程序开发,请勿竞标
每稿
2100
元
做个XP框架修改数据工具
每稿
60000
元
手机APP监控项目第三期
每稿
18000
元
制作一个采集每天新开店铺的旺某号的工具程
每稿
3000
元
找高手开发一个服务器端统计客户端的软件
每稿
3000
元
木疙瘩软件修改一H5动画模板制作
每稿
4800
元
艺术协会类小程序找上海团队做
最新问答
1
CSS中载入指定的图片url失败
2
我就是一个菜鸟,英语根本就搞不懂,我能学
3
并发,消息队列,负载均衡,缓存,分布式,
4
有没有想一起学Pyhon的?
5
在java中如何输入后显示结果后,继续输入显
6
搞HTML5用什么软件呀,视频里的导师用的啥
7
html里的标签都有哪些
8
为什么打印出来都是??号,文件就是Txt啊
9
大神给看看这段代码出错的部分什么原因
10
电商毕业 女孩子在家自学前端需要多久
国内首家创新型IT技术需求众包服务平台,软件需求就上天盟网!
立即登录
或
立即注册