2012-10-22 8 views
0

콘텐츠가있는 페이지를 위에서 아래로 스크롤해야합니다. 및 탐색에 '상단 표시'앵커가 있어야합니다. 'show top'앵커를 클릭하면 (이전에는 보이지 않는) 페이지가 내용이있는 메인 화면 영역으로 스크롤됩니다.jquery 위에서 아래로 스크롤

.topPage{ 
    width:1280px; 
    color:#000; 
    float:left; 
    position:relative; 
    background:#E6E6E8; 
} 


$('a.scrollToBottom').click(function(){ 
    $('html, body').stop().animate({ 
scrollTop: $("#topPage").offset().top 
    }, 2000); 
// event.preventDefault(); 
}); 

그러나 하단에서 스크롤 페이지 (톱 페이지)이 상단으로 .. 나는 메인 화면 영역에 표시 상단에서 하단으로 스크롤 할 필요가있다.

+0

그것의 u는 질문에서 원하는 것을 이해하기 어렵다. 무엇을 원하는지, 가능하면 스크린 샷을 우리에게 분명히 말해주세요 –

+0

내 질문을 편집했습니다. –

답변

0

div은 (는) top 오프셋에 배치됩니다. 0을 수직으로 지나서 스크롤 할 수 없으므로 상단을 치면 스크롤이 중지되고 div을 모두 볼 수 없습니다.

당신이 div 애니메이션을 적용 할 경우, 대신

$('.topcontent').stop().animate({ 
    top: 0 
}, 2000); 

을 사용하는 것이 좋습니다.

+0

위 아래로 스크롤합니다. –

+0

"위에서 아래로 스크롤"이란 의미가 전혀 없습니다. 사업부를 옮기고 싶니? 스크롤 할 페이지? div가 미끄러지는 것처럼 보이게할까요? – nneonneo

+0

나는 내 질문을 편집했다. 그리고 나는 페이지 페이지를 스크롤하려고한다. –

0

가 자동으로 (페이지 전체가 뷰포트 내에 충분히 또는) 페이지 하단에 애니메이션 스크롤, 내가 이것을 사용

$(window.opera ? 'html' : 'body,html,document').animate({ 
    scrollTop: $('body').height() - $(window).height()) 
    }, 1000); 
관련 문제