Jquery 스크롤 요소?

Question

예 : 메뉴가 horisontally (머리글에 있음) 인 경우 페이지를 스크롤하면 (위> 약 100 픽셀) 메뉴 (horisontal)가 브라우저의 왼쪽으로 이동하여 (수직) 거기에 고정됩니다.

도움이 필요하십니까?

Answer 1

이 시도 :

Here is working jsFiddle 및 source을.

$(window).scroll(function() { 

    var headerH = $('.header').outerHeight(true); 
    //this will calculate header's full height, with borders, margins, paddings 
    var scrollTopVal = $(this).scrollTop(); 
    if (scrollTopVal > headerH) { 
     $('#subnav').css({'position':'fixed','top' :'0px'}); 
    } else { 
     $('#subnav').css({'position':'static','top':'0px'}); 
    } 

    var scrollLeftVal = $(this).scrollLeft(); 
    if (scrollLeftVal > 1) { alert('i scrolled to the left'); } 
});