單擊按鈕時內容過濾器正在跳轉

Question

這里有一個類似的問題（沒有提供足夠的信息），所以沒有提出真正的解決方案。 我正在使用MixItUp來基於單擊的按鈕來過濾框架（基礎）中的內容。 我注意到單擊按鈕時會發生怪異的動作。 我已將文件上傳到此處http://cantaloupecreative.info/filter-code-snippet/

Answer 1

動畫觸發后，我看到頁面元素向右跳了一點。 如果這就是您要指的是，請查看滾動條。 當頁面上沒有足夠的元素時，滾動條消失，所有內容重新居中，這很可能是您所看到的。 您可以通過使用CSS永久啟用或禁用滾動條來避免這種情況

overflow-y: scroll;

或類似的東西。

Answer 2

好的，這是我在尋找解決方案時發現的。 WebKit覆蓋了我對body類所做的CSS更改。 因此，您無法在Chrome中使用溢出-y。 現在，當我對我的sass文件進行更改時，它無法正確編譯。 在將Webkit修復程序硬編碼到樣式表中之后，我可以使用以下代碼刪除所有切換的div上的滾動條。

::-webkit-scrollbar {
    display:none
}

顯然，這只能解決一半問題，因為現在我沒有滾動條。 但是它至少解決了希望的問題。