在页面Y上添加条件事件侦听器滚动

时间:2017-11-16 14:25:16

标签: javascript jquery

当我向内部页面向下滚动时,我正在尝试将css类添加到我的粘性导航栏中。向下滚动时,我无法获得console.log的事件监听器。我错过了什么/做错了什么?

jQuery(document).ready(function($) {

    // call resizeHeader() onload if not home page
    if (top.location.pathname !== '/') { 
        window.onload = resizeHeader()
    }

    //resize header func
    function resizeHeader() {
        window.addEventListener('scroll', function(){

            var distanceY = window.pageYOffset || document.documentElement.scrollTop,
                shrinkOn = 1

            nav = document.querySelector(".navbar")

            if (distanceY > shrinkOn) {
                console.log('scrolled')
                nav.classList.add("smallerNav")
            } else {
              if (nav.classList.contains("smallerNav")) {
                console.log('back to top')  
                nav.classList.remove("smallerNav")
              }
            } 
        })
    }

})

0 个答案:

没有答案