Как добавить стиль css, если пользователь прокручивает страницу более 112px

Я хотел бы знать, как можно назначить правило css элементу, только если текущая позиция прокрутки больше 112px..

Я пробовал это, но это не работает:

    <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>

1 ответов


попробуйте использовать ниже код

<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 изменено на $(window).scroll
  • $window changed to $(window)