jquery의 페이지 스크롤에서 div의 위치를 가져옵니다.

페이지 중앙에있는 내 메뉴 div의 위치를 고정 시키거나 컨텐츠에 따라 상단에 언젠가 멈춰 있습니다. div의 위치를 고쳐서 페이지를 스크롤하면 페이지 상단에 표시됩니다 (센터 또는 상단 또는 하단에도 있음). 어떻게 div의 위치를 얻을 수 있는지 알려주세요. jquery를 사용하여 페이지 상단에 도달하면 고정 된 CSS 위치를 적용하십시오. 쉬르jquery의 페이지 스크롤에서 div의 위치를 가져옵니다.

$(document).ready(function(){ 
    var iMenuTop = $('.menu').offset().top; 
    $(window).scroll(function(){ 
     var iWinTop = $(this).scrollTop(); 
     if(iWinTop >= iMenuTop) 
      $('.menu').css({ 
       position:'fixed', 
       top:0}); 
     else 
      $('.menu').css('position','static');   
    }); 
});

를 파이어 폭스로 작업하지 : see JsFiddle

것은 그것을 도달 고정 될 필요가있는 컨테이너의 CSS 속성을 한 번 스크롤 변경하는 예를 http://new.livestream.com/live-video-tools

출처

2013-05-02 Ank Pro

안녕하세요, http://www.sutanaryan.com/jquery/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/ – nicolas

에서 확인해보십시오. 그것은 위에서 정적 높이 136을 사용하고, 나는 내용에 따라 메뉴의 위치에 대해 확실하지 않은 동적 인 높이를 원한다. –

위해 나는 시도했다 다른 사람을 위해 ...

편집 : 그것은 정말 초안, 예를 들어 적응해야 할 수도 있습니다. 브라우저 로딩 버튼을 사용하여 로딩 할 때 이미 스크롤이있는 경우.

출처

2013-05-02 19:23:04 nicolas

jquery의 페이지 스크롤에서 div의 위치를 ​​가져옵니다.

답변

관련 문제

jquery의 페이지 스크롤에서 div의 위치를 가져옵니다.