Question

这看起来非常简单，但我无法弄清楚。我想要一个非常简单的视差风格滚动影响特定div，但不想让我的页面陷入困境，使用一些比我想要的更多的大量插件。

我找到了这个代码，它完全符合我的要求，但对身体有影响，我希望能够将它应用到一个类中。

<script>
function onLoad() {

window.onscroll = function() {
    var speed = 8.0;
    document.body.style.backgroundPosition = '50%' + (-window.pageYOffset / speed) + "px"; 
    }
}
</script>

我将其插入页面的头部，然后附加到正文：

 <body onload="onLoad()">

像我说的那样，对身体完美。但是如果我希望影响能够在一类“桅杆”上工作呢？我该怎么做呢看似简单......但我很难过。

任何帮助都会很棒。谢谢！

Answer 1

只需定位.mast元素：

<script type="text/javascript">
    $(function() {
        $('.mast').on('scroll', function() {
            var speed = 8.0;
            this.style.backgroundPosition = '50%' + (-this.pageYOffset / speed) + "px"; 
        });
    });
</script>

将身体上的简单滚动速度更改为特定类？

1 个答案: