Question

我正在使用JS创建一个粘性导航栏，效果很好，直到我添加另一个JS代码以适应移动设备，如果第二个是wnabled，条形图不会粘在顶部，但如果禁用，则工作正常。

JS＃1 （粘性导航栏）

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

var navbar = document.getElementById("mynavbar");
var sticky = navbar.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }

JS＃2 （在手机中打开/关闭导航栏菜单）

function myFunction() {

    var x = document.getElementsById("mynavbar");
    if (x.className === "navbar") {
        x.className += "responsive";
    } else {
        x.className = "navbar";
    }
}

提前致谢

Answer 1

你有两个名为myFunction的函数。第二个将覆盖您的第一个，导致粘性类永远不会被添加/删除。使用不同的名称

js代码之间的冲突[navbar]

1 个答案: