已解決430363個問題，去搜搜看，總會有你想問的

如何防抖動？

關注

首頁猿問如何防抖動？

如何防抖動？

JavaScript

Zoe_z 2019-07-11 11:00:16

js控制元素的通過增加和刪除類（class = hide）來達到元素的顯示和隱藏，卻導致頁面的抖動。猜測是滾動條導致的的抖動？還有出現閃動的不好效果？我該如何實現？（所需效果：頁簽的切換，js實現。）

查看完整描述

1 回答

已采納

橋本奈奈未

TA貢獻436條經驗獲得超108個贊

首先你猜的沒錯，是滾動條導致的。因為你元素顯示的時候頁面高度假設是1000，然后你的滾動條滾到了500的地方【即scrollTop=500】，這時候你隱藏元素，頁面高度變為500，滾動條已經不可能是500了，那么就瀏覽器就重置了這個值，這時候就會抖動。知道了原因就有方法來解決問題了，可以再隱藏元素的時候不真正隱藏，只是把透明度設為0，這樣它仍然占據頁面空間，就不會導致滾動條重置而抖動，不過，顯然這種方法很雞肋，當你隱藏元素的下方沒有其他內容時可考慮采用。其實比較好的方法是用過渡動畫來避免突然抖動帶來的不好效果，因為頁面已經沒有那么多東西了，滾回去很正常，但是可以用一些動畫效果來使得其體驗好一點。

反對回復 2019-07-12

1 回答
0 關注
613 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何防抖動？

如何防抖動？

1 回答

添加回答