2

这可能看起来非常简单，但我无法弄清楚。我想要一个非常简单的视差样式滚动效果在一个特定的 div 上，但不想让我的页面被一些比我想要的要多得多的大型插件陷入困境。

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

<script>
function onLoad() {

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

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

 <body onload="onLoad()">

就像我说的，非常适合身体。但是，如果我想让这种影响作用于一类“桅杆”呢？我将如何去做。看起来很简单......但我很难过。

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

4

1 回答 1

3

只需定位.mast元素：

<script type="text/javascript">
    $(function() {
        $('.mast').on('scroll', function() {
            var speed = 8.0;
            this.style.backgroundPosition = '50%' + (-this.pageYOffset / speed) + "px"; 
        });
    });
</script>
于 2013-04-30T20:01:00.153 回答