javascript - div是否通过CSS或JS移动(动态)？

在用户滚动时（例如固定），css是否可以使div在屏幕上移动
但是如果它碰到另一个，则停止播放；如果用户进一步滚动，则跳过该播放。

为了使其成为可能...
例如，如果您有3个包含很多文本的div，那么在用户向前阅读时，我是否有div跳入了每个div下的插槽？

最佳答案

我建议您使用https://github.com/brandonaaron/jquery-overlaps，然后执行类似的操作来插入移动div：

$(window).scroll(function() {
    var movingDiv = $('.moving-div');

    if (movingDiv.overlaps('.static-div')
            && !movingDiv.hasClass('slotted')) {
        $('.static-div').before(movingDiv);
        movingDiv.css('position', 'static');
        movingDiv.addClass('slotted');
    }
});

该代码只是一个提示，您还需要绑定一个函数以“取消插入”移动的div。