一旦用户向下滚动页面的某个部分,我目前有一个添加/删除类的功能。该页面取决于用户的屏幕大小,目前它仅在页面加载后才起作用,之后如果用户调整窗口大小,则滚动功能不会与滚动匹配。
这就是我目前的情况,我错过了什么?
$(function() {
var header = $(".logo").addClass('lightLogo');
var about = $(".angle").offset().top;;
$(window).on("load scroll resize", function() {
var scroll = $(window).scrollTop();
if (scroll >= about) {
header.removeClass('lightLogo').addClass('darkLogo');
} else {
header.removeClass('darkLogo').addClass('lightLogo');
}
});
});
答案 0 :(得分:1)
还有一个额外的&#39 ;;'在下面一行的末尾
var about = $(".angle").offset().top;;
删除后即可使用。