为什么在我滚动之前似乎没有JavaScript代码？

我刚开始使用javascript，我不明白为什么我的javascript代码在我开始滚动一点之前不起作用，所以我看到了我的徽标和菜单页面，就像没有javascript代码一样

$window.scroll函数{ var scrollPos=$this.scrollpop； $.textLogo.css{ “字体大小”：690-scrollPos+“%” }; }; $window.scroll函数{ var scrollTop=$this.scrollTop； $'.menu'.css{ 不透明度：函数{ var elementHeight=$this.height； 返回1-元素高度-滚动顶部/元素高度； } }; }; .textLogo{ 颜色：1C1C； 文本对齐：居中； 字体大小：110px； 填充：120px； 位置：绝对位置； 边缘底部：800px； 宽度：100%； } .菜单{ 字体大小：55px； 文本对齐：居中； 显示：块； 边缘顶部：275px； 不透明度：自动； }

---

首先，代码只在body标记的底部起作用，因为您没有为DOM内容加载编写事件侦听器，如果您想将其放在头文件或单独的文件中，请这样编写

document.addEventListener('DOMContentLoaded', function(){
 $(window).scroll(function() {
  var scrollPos = $(this).scrollTop();
  $(".textLogo").css({
   'font-size' : 690 - scrollPos + '%'
  });
 });

 $(window).scroll(function() {
  var scrollTop = $(this).scrollTop();
  $('.menu').css({
   opacity: function() {
    var elementHeight = $(this).height();
    return 1 - (elementHeight - scrollTop) / elementHeight;
   }
  });
 })
});

因此，我看到我的徽标和菜单页面，就像没有Javascript代码一样

这是因为，由于您选择使用的事件侦听器，在您开始滚动之前，不会调用您编写的代码。

---

如果您可以提供要测试的HTML，这将非常有用。

您发布的代码位于scroll事件的处理程序中，因此它在您滚动之前不会运行。如果要在加载页面时强制运行，则应在代码中触发滚动事件

在这种情况下，您还应该将它放在$document.ready中或放在HTML的末尾，以便将它引用的元素加载到DOM中

$document.readyfunction{ $window.scroll函数{ var scrollPos=$this.scrollpop； $.textLogo.css{ “字体大小”：690-scrollPos+“%” }; }; $window.scroll函数{ var scrollTop=$this.scrollTop； $'.menu'.css{ 不透明度：函数{ var elementHeight=$this.height； 返回1-元素高度-滚动顶部/元素高度； } }; }; $window.scroll； }; .textLogo{ 颜色：1C1C； 文本对齐：居中； 字体大小：110px； 填充：120px； 位置：绝对位置； 边缘底部：800px； 宽度：100%； } .菜单{ 字体大小：55px； 文本对齐：居中； 显示：块； 边缘顶部：275px； 不透明度：自动； } $window.scroll函数

---

您已经使用了.scroll功能。这意味着当你滚动时，它将激活你的代码。而是使用$window.load，以便在加载窗口时发生。希望这能有所帮助。

我认为您的问题太多了，全部在1个post$窗口中。scroll为scroll事件添加了一个侦听器。为什么你会期望在事件发生之前发生任何事情？我的错，我只是想解释一下？我想这个问题已经被编辑了，因为答案已经发布了。我的javascript代码在我开始滚动一点之前不起作用。我没有看到任何代码触发滚动事件