고정 된 탐색 숨기기 콘텐츠로 스크롤

Question

빠른 질문. 내비게이션에서 특정 ID로 내 div로 스크롤하는 메소드로 스크롤을 구현했습니다. 내 탐색 표시 줄이 멀리 아래로 스크롤되는 고정 .. 올바른 위치로 스크롤되도록 오프셋 어떻게 할 몇 가지 이미지 및 js 코드를로드했습니다.

당신이 도울 수 있기를 바랍니다 ...

이것은 필자가 가지고 무엇

...

이 내가 원하는 것입니다 ....

JS 파일 ..

$('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash, 
    $target = $(target); 
    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 
    }); 
    }); 

Answer 1

는 예전에 같은 문제가 있었다, 그래서 나는이 기능을 사용 :

항목으로 스크롤 할 수있는 ID를, 그리고 튜너 픽셀 값입니다

var scrolldown = function(item, tuner) { 
      $('html, body').animate({ 
       scrollTop: $(item).offset().top - tuner 
      }, 2000, 'easeOutCirc'); 
    } 

스크롤의 끝 위치를 조정합니다.

당신은 그것을 좋아 사용할 수 있습니다 : https://www.tabapp.com/

는 당연히 당신이 애니메이션을 지울 수 있습니다 :

$('#id-of-nav').click(function(e) { 
    e.preventDefault(); 
    scrolldown("#id-of-target", "150") 
}); 

이는 행동에서 볼 수있는 사이트입니다.