滚动滚动jQuery更改菜单栏的高度和徽标

Question

how can I check if the user scrolls down? I have a menubar at the top of the page with a logo. And if the user scrolls down I want to resize or change the logo (smaller), change the height of the menu bar and make the position fixed.

Thanks

Answer 1

Try this

window.onscroll = function (e) {  //when window is scrolled
 //change image size and height of menu bar
} 

Answer 2

Try this

$(window).on('scroll', function(e) {
    console.log(e);
}

Answer 3

jsFiddle

$(window).on('scroll', function() {
    $('#navbar').css('position','fixed');
    $('#id').attr('width', '100px');
    $('#id2').css('font-size', '12px');
});

I updated the code now is fixed to top on scrol down.