2016-08-03 3 views
0

내 페이지 (클릭시)를 en 요소의 맨 위로 스크롤하려고합니다. 여기서 문제는 내 페이지를 짧게하여 요소의 맨 위로 스크롤하는 것입니다. 이것이 가능한가?짧은 페이지에있는 요소의 맨 위로 스크롤

다음
$('.x-class').on('click', function(e) { 
    moveWindowTo($(this).eq(0)); 
}); 

function moveWindowTo(target) { 
    $('body,html').animate({ 
    scrollTop: target.parent().offset().top 
    }, 'slow'); 
} 

는 작업 jsFiddle입니다 :

다음은이 코드는()를 포함하는 사업부의 상단까지 스크롤 .parent를 사용하여 내 코드

$('.x-class').on('click', function(e) { 
    moveWindowTo($('.yclass').eq(0)); 
}); 

function moveWindowTo($target) { 
    $('body,html').animate({ scrollTop: $target.offset().top }, 'slow'); 
} 
+0

스크롤바가 표시 될 때까지는이 기능을 사용할 수 없습니다. –

+0

그래서, 다른 방법은 없습니까? –

+0

페이지에 스크롤바가 보입니까? –

답변

0

입니다. 아래로 스크롤하여 빨간색 상자를 클릭하면 포함 된 div의 맨 위로 스크롤됩니다.

+0

글쎄, 내 경우에는 사용하기가 쉽지 않습니다. 귀하의 페이지는 마지막 요소 아래에 공백을 가지고 있습니다. 그래서 그 상단을 스크롤 할 수 있습니다. –

+0

모든 스크롤 영역을 추가하여 스크롤 기능을 보여주었습니다. 다른 사람들이 말했듯이 스크롤 할 항목이 있으려면 스크롤 막대가 필요합니다. 우리 모두를 도울 코드를 더 게시 할 수 있다면. – Jason

관련 문제