Question

当元素不再处于默认位置时，我需要找到一种更改css的方法，当用户将其向后滚动时，默认的css会被设置回来。

示例：我有一个高度为30px的固定标题，其位置为top：0，当用户向下缩小时，高度将为15px，如果用户向上滚动并且标题获得其初始值顶部位置：0，高度再次为30px。

我试过这样的事情：

var location = $('#header').offset();
        $( "#header" ).scroll(function() {
           if(location.top!=0){
               $('#header').css({'height': '4vw'});
           }else{
               $('#header').css({'height': '6vw'});
           }
        });

Answer 1

您可以使用滚动窗口来检查滚动的位置;您可以使用$(window).scrollTop()

进行滚动排名

$(window).on('scroll', function () {
    var scrollTop = $(window).scrollTop();
    if (scrollTop > 50) {
        $('#header').stop().animate({height: "30px"},200);
    }
    else {
         $('#header').stop().animate({height: "15px"},200);   
    }
});

祝你有个美好的一天......

检测向下滚动

1 个答案: