css - 同位素 默认高度 大小 削减内容

Question

我有一个内置同位素容器的页面http://www.nationalpaymentcard.com/products

现在在一些浏览器上，我注意到它工作正常，但有时我会遇到这个问题

这是我的同位素 js 代码

//Isotope sorting
 var $container = $('.projects');

 $('.projects').isotope({
 layoutMode : 'straightDown',
  filter: '.sort_category1',
  resizesContainer: true,
  resizable: true,    
 });

不知道为什么我会遇到这个问题，一直在用检查元素挖掘它，但似乎无法理解为什么。

提前致谢！

Answer 1

发送按钮有问题，因为您有overflow:hidden;div.projects。

使用检查器选择div并设置overflow:visible;它们，它们就会出现。我认为这将解决这两个问题，但我无法获得您发布的截止结果。

如果您需要帮助将溢出设置为可见，请询问。我不使用同位素，所以我不确定是否有选项，但可以使用样式表轻松完成。您可能需要在初始脚本下方使用 JS 或 jQuery，但如果 isotope 在运行时将其设置为隐藏。还是没什么大不了的。