这可能看起来非常简单,但我无法弄清楚。我想要在特定 div 上实现非常简单的视差样式滚动效果,但又不想让我的页面因一些功能远远超过我想要的功能的大型插件而陷入困境。
我找到了这段代码,它完全符合我的要求,但对主体有影响,我希望能够将其应用到一个类中。
<script>
function onLoad() {
window.onscroll = function() {
var speed = 8.0;
document.body.style.backgroundPosition = '50%' + (-window.pageYOffset / speed) + "px";
}
}
</script>
我将其插入页面的头部,然后附加到正文:
<body onload="onLoad()">
就像我说的,非常适合 body 。但是,如果我希望影响一类“桅杆”,该怎么办?我该怎么做呢?看起来很简单...但我很难过。
任何帮助都会很棒。谢谢!
最佳答案
只需定位 .mast
元素即可:
<script type="text/javascript">
$(function() {
$('.mast').on('scroll', function() {
var speed = 8.0;
this.style.backgroundPosition = '50%' + (-this.pageYOffset / speed) + "px";
});
});
</script>
关于javascript - 将主体上的简单滚动速度更改为特定类别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16308017/