2012-11-05 2 views
3

HTML을 통해 Named Anchors를 사용하여 Scroll To Top이 가능하다는 것을 알고 있습니다 ...하지만 태그별로 sorrounded되지 않은 다른 HTML 요소를 클릭하면 맨 위로 스크롤 할 수 있습니까? 예를 들어, DIV처럼?DIV를 클릭 할 때 맨 위로 스크롤 하시겠습니까?

감사합니다.

편집 : 사과, 나는 이것이 중복 된 질문을 보지 못했다. 나는 수색을했고 처음부터 찾을만한 것을 찾지 못했습니다.

답변

12
$('div').on("click",function(){ 
     $(window).scrollTop(0); 
}); 

당신은 모든 종류의를 삽입 할 수 있습니다 브래킷에 html 태그를 넣으십시오.

+1

아래 코드에서 jQuery ('div')와 같이 작동하도록이 코드를 작성해야했습니다. click (function() {jQuery (window) .scrollTop (0);}); –

+1

하지만 대단히 감사합니다! :) –

+1

당신은 환영합니다! –

1

네, 그것은, 당신이 볼 그 요소에 온 클릭 이벤트를 추가하고 추가 정보를 원하시면 .scrollTop()

를 사용해야 가능하다 scrollTop

1

당신은 당신의 divclick 이벤트를 수신하고 그것을 클릭하면 scrollTo을 사용할 수 있습니다 .

window.scrollTo (X-COORD, Y-COORD) 문서의 좌표의 특정한 세트

스크롤.

x-coord는 왼쪽 상단에 표시 할 문서의 가로 축을 따르는 픽셀입니다. y-coord는 왼쪽에 표시 할 문서의 세로 축인 의 픽셀입니다.

2

예,

<div onclick="window.scrollTo(0, 0);">Element</div> 
1

당신이

$("#my-div").on("click", function() { 
    window.scroll(0,0); 
}); 
자바 스크립트

를 사용하여이를 달성 할 수

window.scrollTo(0, 0); 

을 사용하고 DIV에 할당하여 자바 스크립트로 작업을 수행 할 수 있습니다

또는

$("#my-div").on("click", function() { 
    $(window).scrollTop(0); 
}); 

내가 자바 스크립트

+0

입니다 .. –

1

이 어떤 블록 요소에 대한 작업을해야하지 않고 방법을 생각할 수 없습니다

$('#element_id').click(function(){ 
    $('html, body').animate({scrollTop:0}, 'slow'); 
    return false; 
}); 

행운을 빌어 요 ...

3

jquer 당신이

$(document).ready(function() { 

    $('a[href=#top]').click(function(){ 
     $('html, body').animate({scrollTop:0}, 'slow'); 
     return false; 
    }); 

}); 

HTML을 사용할 수있는 것보다 Y 솔루션은

<a name="top"></a> 
... 
<a href="#top">Back to top</a> 

전체 기사 것 :이 JQuery와 Scroll to the top of a webpage with jQuery

관련 문제