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

【问题标题】：Script works in Adobe Dreamweaver Preview but not on Chrome and Edge脚本适用于 Adobe Dreamweaver Preview，但不适用于 Chrome 和 Edge
【发布时间】：2018-09-13 09:24:14
【问题描述】：

过去几天我一直在 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>

【问题讨论】：

标签： javascript html adobe dreamweaver

【解决方案1】：

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

尝试： /js/navbarscroll.js

【讨论】：