Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery平滑滚动禁用窗口位置上的类更改_Javascript_Jquery_Html_Scroll_Smooth Scrolling - Fatal编程技术网

Javascript jQuery平滑滚动禁用窗口位置上的类更改

Javascript jQuery平滑滚动禁用窗口位置上的类更改,javascript,jquery,html,scroll,smooth-scrolling,Javascript,Jquery,Html,Scroll,Smooth Scrolling,我正在做一个有两个jQuery脚本的项目 第一个是用于平滑滚动的插件- 第二个是jQuery脚本,它在固定顶部导航栏转到1085px时更改其类别 问题是,当您单击锚定按钮向下滚动页面到下一节时,jQuery不会启动,并且顶部栏的类也不会更改。当您使用鼠标滚动或移动滚动条时,将触发脚本并更改类。我到处找,没有找到答案。任何帮助都将不胜感激 下面是顶栏脚本: $(function() { //caches a jQuery object containing the header eleme

我正在做一个有两个jQuery脚本的项目

第一个是用于平滑滚动的插件-

第二个是jQuery脚本,它在固定顶部导航栏转到1085px时更改其类别

问题是,当您单击锚定按钮向下滚动页面到下一节时,jQuery不会启动,并且顶部栏的类也不会更改。当您使用鼠标滚动或移动滚动条时,将触发脚本并更改类。我到处找,没有找到答案。任何帮助都将不胜感激

下面是顶栏脚本:

$(function() {
    //caches a jQuery object containing the header element
    var header = $(".head-bar");
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll >= 1085) {
            header.removeClass('trans-bar').addClass("dark-bar");
        } else {
            header.removeClass("dark-bar").addClass('trans-bar');
        }
    });
});

实际上我已经明白了,我只需要增加窗口位置号,它就解决了这个问题