Javascript 为什么不是'；我的图像不是在做视差滚动吗？

我正在尝试以与正常不同的速率滚动图像：

然而，我甚至不认为我在滚动时会返回scrollTop变量。知道我做错了什么吗

谢谢

---

更新：

---

你们真是太棒了，很抱歉没有提供一个片段。我将尝试其中一些方法并让您知道。

您需要将jquery代码包含在单独的脚本标记中，而不是包含在jquery库脚本标记中。

您确实可以在控制台中的codepen上获得scrolltop，但很可能不会在local上

了解

$(document).ready(function(){

始终首先加载jquerysrc，在body元素之后，然后加载JS代码的其余部分。或者将其内联到body结束标记之后。但总是先查询jQuery

然后，根据功能的不同，您可能需要doc-ready包装器，在这里，您需要它

接下来，您需要一个引用元素，如果页面上只有一个元素，那么就不会有视差。为了演示，我添加了一个h1

您的全部功能：

$(document).ready(function(){   //wait until the DOM is loaded
var wdw = $(window);   // cache the DOM object, always cache esp with jQuery
var header = $('.header-bg');
var hOne= $('h1');
wdw.scroll(function() {   // scroll listener on window
var scrollTop = $(this).scrollTop();
header.css('top',-(scrollTop * 0.8) + 'px');
hOne.css('top',+(scrollTop * 0.8) + 'px');
if(hOne.scrollTop() <= 10){
hOne.css('opacity', '0.4');
}
else {
hOne.css('opacity', '1');
}
console.log(scrollTop);
});

});

$（document）.ready（function（）{//等待DOM加载
var wdw=$（窗口）；//缓存DOM对象，始终使用jQuery缓存esp
var header=$（'.header bg'）；
var hOne=$（'h1'）；
滚动（函数（）{///在窗口上滚动侦听器
var scrollTop=$（this.scrollTop（）；
css（'top'，-（scrollTop*0.8）+'px'）；
css（'top'，+（scrollTop*0.8）+'px'）；
如果（hOne.scrollTop（）是的，我没有点击它。把所有的东西都放在一个片段中。它几乎就像
$（窗口）。滚动（function（）{
永远不会被触发-尝试用
$（function（）{
…你的代码放在这里…
]）；
-ol'document.ready技巧