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

脚本可在Adobe Dreamweaver Preview中使用，但不能在Chrome和Edge上使用

1 个答案: