Question

我正在尝试使用同位素插件构建一个库，并且我正在使用masonryHorizontal布局。所有的图像都放在一个无序的列表中，在那里我有li，它还有一个锚标签和一个嵌套的图像标签。

<ul>
 <li><a href="#"><img src="#></a></li>
  ...
</ul>

布局工作正常，即图像最佳对齐，留下非常少的空白区域（通过同位素完成），但是当我水平滚动时我想要动画。我搜索了一天，却找不到任何实质性的东西。任何帮助表示赞赏。

Answer 1

我不知道你的插件。但是如果你试图在页面上用jQuery检测横向滚动（不是一些特定于插件的滚动），那么试一试：

    var lastScrollLeft = 0;
    $(window).scroll(function() {
        var documentScrollLeft = $(document).scrollLeft();
        if (lastScrollLeft != documentScrollLeft) {
            console.log('scroll x');
            lastScrollLeft = documentScrollLeft;
        }
    });

这应该检测滚动位置是否仍然相同。然后您可以相应地进行更改。

如果那不是你的意思滚动。然后没关系:)）

代码片段来自这个答案：

https://stackoverflow.com/a/7076832/3767100

如何在网页上水平滚动列表项或div元素动画？

1 个答案: