Continuous Uncaught TypeError: undefined is not a function

Continuous Uncaught TypeError: undefined is not a function

我是 JQuery 的新手,我已经使用这段代码很长时间了,但无法让它工作。当我在控制台中打开它们时,它们是一串影响性能的连续错误消息。

已更新:滚动超过 400px 时出现错误。

Link

// custom.js
$(document).ready(function(){
    $(".button-collapse").sideNav();
    $(".dropdown-button").dropdown();
    $(".parallax").parallax();
    $(".covervid-video").coverVid(1920, 1080);  
    $( ".masthead-arrow" ).onload("bounce", "slow");
    $("header").scroll(function() {
        $("#dropdown1").hide();
    });
});

我已经设法将问题缩小到这个块代码:

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    if (scroll > 400) {
        $(".header").addClass("scrolling").fadeIn("slow", 200);
        $("#white-to-black").addClass("scrolling").fadeTo("slow", 800);
        $(".animated_nav").addClass("scrolling");
    } else {
        $(".header").removeClass("scrolling");
        $("#white-to-black").removeClass("scrolling");
        $(".animated_nav").removeClass("scrolling").slideUp("slow", 600);
    };
});

$("#secondary-nav").stick_in_parent();

所以,你需要:

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    if (scroll > 400) {
        $(".header").addClass("scrolling").fadeIn("slow"); //or time in milliseconds
        $("#white-to-black").addClass("scrolling").fadeTo("slow", 0.8);
        $(".animated_nav").addClass("scrolling");
    } else {
        $(".header").removeClass("scrolling");
        $("#white-to-black").removeClass("scrolling");
        $(".animated_nav").removeClass("scrolling").slideUp("slow"); //time in milliseconds
    };
});

阅读更多关于 slideUp fadeIn and fadeTo