JQuery와에게 한 페이지 스크롤 탐색

Question

나는 현재 한 페이지 스크롤 내가 오른쪽에 추가됩니다 주식 탐색을 유지하려면 ( http://www.thepetedesign.com/demos/onepage_scroll_demo.html)

를 플러그인 jQuery를 사용하고

을 변경할 수 있지만 나 또한 고정을하는 방법 navbar는 index.html 파일의 다른 div로 이동하는 링크를 원했습니다.

각 div에 특정 ID를 부여하려고했지만 내비게이션을 부드럽게 스크롤하려면 어떻게해야합니까?

Answer 1

Animate scroll to ID on page load

여기가이 코드 조각이다, 당신은 원활 페이지에 스크롤 할 수 있습니다.

$("html, body").animate({ scrollTop: $('#objectToScroll').offset().top }, 1000); 

Answer 2

id가 아닌 클래스를 사용하면 동일한 클래스를 여러 요소에 적용 할 수 있습니다. 따라서 Horiz Nav에는 사이드 바 점/오른쪽 탐색과 동일한 링크가있을 수 있습니다.