滾動條在頁面底部變暗

Question

我使用了http://jackonthe.net/css3animateit/的動畫插件。如果我刪除這個（jQuery和CSS），那麼網站內容顯示正常。

但使用這個jQuery和CSS，在視點出現一個底部滾動條。我的測試網站是：http://test.webegenius.es/

任何人有任何見解？

Answer 1

滾動條出現是因爲您的動畫正在將元素向右移動，離開屏幕然後將它們動畫化回到視圖中。這會使頁面變寬，並且瀏覽器會放置滾動條以匹配寬度。

如果您修改其中一個包含此部分的div以具有隱藏溢出，那麼移動的元素在它們溢出時將被隱藏，因此頁面將保持相同的大小。

在包含整個頁面的類容器的主div上執行此操作。這僅僅是DIV與類header_bg在標記閉幕後

overflow: hidden;