脚本适用于Adobe Dreamweaver Preview，但不适用于Chrome和Edge

Question

在过去的几天里，我一直在Adobe Dreamweaver上开发一个网站。下面我有一些JavaScript，当有人滚动时，它可以工作。

它在我使用链接（https://adobe.ly/.......。）时有效。但是，当我自己加载索引时，它不起作用。

我无法找出原因。

它可能是小而愚蠢的东西，因为它我会把头发拉出来。

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    document.getElementById("navbar").classList.add("sticky");
    document.getElementById("navbar").style.background = "rgba(0,0,0,0.6)";
    document.getElementById("header").style.fontSize = "20px";
    document.getElementById("navbar").style.paddingTop = "0px";
    document.getElementById("headertext").style.visibility = "visible";

  }

  if (document.body.scrollTop < 20 || document.documentElement.scrollTop < 20) {
    document.getElementById("navbar").classList.remove("sticky");
    document.getElementById("navbar").style.background = "transparent";
    document.getElementById("header").style.fontSize = "30px";
    document.getElementById("navbar").style.paddingTop = "20px";
    document.getElementById("headertext").style.visibility = "hidden";
  }
}

当我链接HTML代码底部的脚本时，这是我的HTML。

<script src="js/navbarscroll.js"></script>

Answer 1

脚本正在为我工​​作，检查html中的脚本src标签。

尝试：/js/navbarscroll.js