单击按钮时内容过滤器跳跃

Question

这里有一个类似的问题（没有给出足够的信息）所以没有提出真正的解决方案。我正在使用MixItUp根据单击的按钮过滤框架（Foundation）中的内容。我注意到点击按钮时会发生奇怪的动作。我已经上传了要在这里查看的文件 http://cantaloupecreative.info/filter-code-snippet/

Answer 1

动画激活后，我看到页面元素向右跳了一下。如果这是您所指的内容，请查看滚动条。当页面上没有足够的元素时，滚动条会消失，所有内容都会重新居中，这很可能就是您所看到的内容。您可以通过使用CSS

永久启用或禁用滚动条来避免这种情况

overflow-y: scroll;

或类似的东西。

Answer 2

好的，这是我在搜索解决方案时发现的内容。 WebKit正在压倒我对我的身体类进行的css改变。因此，你不能在chrome中使用overflow-y。现在当我对我的sass文件进行更改时，它没有正确编译。在将webkit修复程序硬编码到我的样式表后，我能够使用以下代码删除所有切换的div上的滚动条。

::-webkit-scrollbar {
    display:none
}

显然这只能解决问题的一半，因为现在我没有滚动条。但它至少解决了希望问题。