내 사이트에 고정 헤더/탐색이 있는데,이 페이지는 스크롤하여 (트위터와 유사합니다). 기사의 상단 부분을 은폐하지 않도록 헤더의 높이를 고려하면서 페이지 내의 기사로 부드럽게 스크롤하려고합니다.고정 헤더의 오프셋이있는 jQuery 애니메이션 페이지 스크롤이 희미 해졌습니다.
필자는 머리글 높이 상쇄가 있다고 생각하지만 스크롤이 고르지 않고 일관성이 없으며 탐색이 사용될 때 희미해진 불투명도가있는 모든 내용이 깜박입니다.
여기에 테스트를 참조하십시오 문제가 될 수있는 것을 http://sketch.ryantroyford.com/newSite/testSite.html
어떤 생각을? 미리 감사드립니다!
는 jQuery를위한 여유 플러그인 및 여기에 스크립트 사용 http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/
깜박 고르지 스크롤 및 해결됩니다,하지만 난 고정 된 헤더 오프셋에서 일하고 있어요. 나는 지금 해결책을 찾고 있었고, 그것이 나를 여기에 데려왔다.
여기 http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ 발견이 코드를 사용하여 - 당신이 할 수 다음과 같이 오프셋을 조정 :
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top-150)
}, 1500,'easeInOutExpo');
참고하십시오 -150, 당신의 고정 된 헤더의 크기를 반영하여 그 수를 조정합니다.