2013-04-16 2 views
0

오른쪽에있는 요소에 앵커가 포함 된 왼쪽면에 메뉴가있는 페이지가 있습니다. 왼손 앵커를 클릭하면 수직으로 만 (수평이 아닌) 스크롤하여 왼쪽 메뉴가 무엇이든간에 화면에 유지되도록하고 싶습니다. 기본적으로 세로 전용 앵커가 필요합니다. , 페이지 상단에서 오프셋 얻을 페이지 내부에 링크를 클릭에앵커 태그 세로 스크롤 전용, 가로 스크롤 사용 안 함

$('a[href^="#"]').on('click', function(event) { 
target = this.id.offset().top; 
$('html,body').animate({ 
    scrollTop: target 
    }, 1000); 
event.preventDefault(); 
} 

을 "과 일초의 기간 동안 그 위치까지 스크롤을 anmiate :

+0

시도한 코드를 보여주세요. – Andrew

+0

사용자가 작은 화면을 사용하거나 브라우저 창을 작게 만들고 가로 스크롤 막대가 튀어 나오는 경우에만 문제가됩니다. 페이지가 가로 스크롤 막대가없는 화면에 잘 맞을 때 문제가됩니다. – htrufan

답변