Question

使用sql和php，我返回唯一的div。

我希望能够克隆（如example中显示的那样），当向下滚动并使它们在到达下一个div时消失时，这些单个id div。目前我使用固定的ypositions来影响div的创建和删除。

我想获得每个div位置并在滚动到他们的区域时克隆它们。

正如你在我的例子中所看到的，我正在影响第一个div。我希望能够在每个div上使用我的功能。

有没有办法在“范围”中运行该功能？假设第一个div是0，第二个是500，第三个是1000.如果yposition是200，它可以运行0-500区间的函数。如果是700，则运行间隔500-1000。

以下是可以在我的示例链接上执行的jquery代码：

var count = 0;
var lastScrollTop = 0;

$(document).ready(function () {
    $(window).scroll(function (event) {
        var y_scroll_pos = window.pageYOffset;
        var scroll_pos_test = 0;
        var scroll_pos_max = 200;
        var direction = $(this).scrollTop();

        if (direction > lastScrollTop && y_scroll_pos > scroll_pos_test && y_scroll_pos < scroll_pos_max) {
            function cook() {
                if (count > 1) {
                    $(".half").first().clone().not(".dup").addClass("dup").appendTo('#box1');
                    count = 0;
                }
            };

            setTimeout(cook, 50);
            count++;
            console.log(count);
        } else {
            $(".dup").remove();
        }

        lastScrollTop = direction;
    });
});

Answer 1

您可能希望使用ScrollMagic作为解决方案： http://scrollmagic.io/

简而言之：您可以在特定点设置触发器，在您的情况下，在页面顶部设置触发器，并在击中或传递此触发器时使用html元素进行花哨的操作。

示例：http://scrollmagic.io/examples/basic/simple_tweening.html

更多演示：http://scrollmagic.io/examples/index.html

文档：http://scrollmagic.io/docs/index.html

滚动

1 个答案: