Скрипт работает в Adobe Dreamweaver Preview, но не в Chrome и Edge - PullRequest
Новая
       23

Скрипт работает в Adobe Dreamweaver Preview, но не в Chrome и Edge

0 голосов
/ 12 сентября 2018

Последние пару дней я разрабатывал веб-сайт для 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>

1 Ответ

0 голосов
/ 13 сентября 2018

Скрипт у меня работает, проверьте теги src скрипта в html.

Попробуйте: /js/navbarscroll.js

...