标签 javascript jquery
<分区>
我需要找到一种方法来在元素不再位于其默认位置时更改 css，并且当用户将其向后滚动时，默认 css 将被设置回来。
示例:我有一个高度为 30px 的固定标题，它的位置是 top: 0 ，当用户向下滚动时，高度将为 15px ，如果用户向上滚动并且标题得到它的初始top: 0 的位置，高度又是30px。
我试过这样的:
var location = $('#header').offset();
$( "#header" ).scroll(function() {
if(location.top!=0){
$('#header').css({'height': '4vw'});
}else{
$('#header').css({'height': '6vw'});
}
});
最佳答案
您可以使用 window on scroll 检查滚动位置；您可以使用 $(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);
}
});
祝你有美好的一天......
关于javascript - 检测向下滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31447116/