Cách thêm kiểu css nếu trang cuộn của người dùng trên 112px

Question

Tôi muốn biết cách chỉ định quy tắc css cho một phần tử chỉ khi vị trí cuộn hiện tại lớn hơn 112px ..

Tôi đã thử điều này nhưng nó không hoạt động:

<script type="text/javascript"> 
$window.scrollTop(function(){ 

var a = 112; 
var pos = $window.scrollTop(); 
if(pos > a) { 
    $("menu").css({ 
       position: 'fixed' 
      }); 
} 
else { 
    $("menu").css({ 
       position: 'absolute', 
       top:'600px' 
      }); 
} 
}); 
</script> 

Answer 1

Hãy thử sử dụng mã dưới đây

<script type="text/javascript"> 
$(window).scroll(function(){ 

var a = 112; 
var pos = $(window).scrollTop(); 
if(pos > a) { 
    $("menu").css({ 
       position: 'fixed' 
      }); 
} 
else { 
    $("menu").css({ 
       position: 'absolute', 
       top:'600px' 
      }); 
} 
}); 
</script> 

• $window.scrollTop đổi thành $(window).scroll
• $window changed để $(window)