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

在此处提出了类似的问题（没有提供足够的信息），因此没有提供真正的解决方案。我正在使用MixItUp根据点击按钮过滤框架内的内容（Foundation）。我注意到单击按钮时发生的奇怪移动。我上传了要在这里查看的文件 http://cantaloupecreative.info/filter-code-snippet/点击按钮时内容过滤器跳跃

来源

2014-10-08 AyeZee33

你能更好地描述运动吗？屏幕截图可能会有所帮助。它发生在什么浏览器和版本上？我无法在Chrome上重新制作它。 – Jay 2014-10-08 22:06:27

也没有看到在Chrome或Firefox OSX的任何“跳跃”，但我想我在IE11中看到你在说什么Win 8.1。我的猜测是这个插件使用了jQuery的'.animate（）'，这个被称为有时是不连贯的。 – 2014-10-08 22:14:28

我正在使用Chrome v 38.0.2125.101 m。当我点击按钮时，整行向右跳跃约5-10px。下面的评论让我看着这个类，但它所做的只是添加一个滚动条到我的块 – AyeZee33 2014-10-08 23:00:33

动画激发后，我看到页面元素向右跳一点。如果这就是你所指的，那么看看滚动条吧。当页面上没有足够的元素时，滚动条消失并且所有内容都重新居中，这可能就是您所看到的。您可以通过永久启用或禁用CSS的滚动条来避免此问题。

overflow-y: scroll;

或类似的东西。

来源

2014-10-08 22:42:47 colonelsanders

你是否将它添加到一个css类或它自己需要包装整个文档。 – AyeZee33 2014-10-08 22:57:34

对不起，延误了。在这种情况下，整个文档，因为它是整个窗口的滚动条。 – colonelsanders 2014-10-09 20:38:16

好的，这里是我在寻找解决方案时发现的。 WebKit重写了我正在对身体课程进行的CSS更改。因为这个，你不能在chrome中使用overflow-y。现在，当我对我的sass文件进行更改时，它没有正确编译。在将webkit修复程序硬编码到我的样式表后，我可以使用以下代码删除所有切换的div上的滚动条。

::-webkit-scrollbar { 
    display:none 
}

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

来源

2014-10-14 22:51:41 AyeZee33

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

回答

相关问题