2012-09-29 4 views
16

저는 프로그래머가 아니지만 아래 코드를 사용하여 페이지를 맨 위로 스크롤합니다.아래로 스크롤하는 방법 - JQuery

어떻게하면 스크롤을 내릴 수 있습니까?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 

<a class="btnMedio" href="javascript:;"> 
    <img src="http://desmond.imageshack.us/Himg41/scaled.php?server=41&filename=deixeseuemail.png&res=landing"/> 
</a> 

<script> 
    $('.btnMedio').click(function(){ 
     $('html, body').animate({scrollTop:1000},'50'); 
    }); 
</script> 

답변

42
$('.btnMedio').click(function(event) { 
    // Preventing default action of the event 
    event.preventDefault(); 
    // Getting the height of the document 
    var n = $(document).height(); 
    $('html, body').animate({ scrollTop: n }, 50); 
//          | | 
//          | --- duration (milliseconds) 
//          ---- distance from the top 
}); 
+0

감사를 아래로 스크롤 다음 코드를 사용할 수 있습니까? – user1301037

+0

@ user1301037 'n'을 원하는 값으로 바꿀 수 있으며, 'offset' 메소드를 사용할 수도 있습니다. – undefined

+0

와우, 너는 내 하루를 보냈다. –

13

이 시도 :

window.scrollBy(0,180); // horizontal and vertical scroll increments 
+0

OP는 ** jQuery ** 솔루션에 대해 언급했습니다. – crmpicco

+14

영업 사원은 jQuery가 필요하다고 가정하고있을 수 있습니다. 이 대답은 도움이 될 수 있습니다. –

4

이이 문제

<div id='scrol'></div> 

를 해결하는 데에 사용할 수있는 자바 스크립트 사용이

jQuery("div#scrol").scrollTop(jQuery("div#scrol")[0].scrollHeight); 
6

나는 주로 내가 어떻게 그 페이지가 다운 드 거리 제어 할 수 있습니다 을 돕는

$('html, body').animate({ scrollTop: $(SELECTOR).offset().top - 50 }, 'slow'); 
0
jQuery(function ($) { 
     $('li#linkss').find('a').on('click', function (e) { 
      var 
       link_href = $(this).attr('href') 
       , $linkElem = $(link_href) 
       , $linkElem_scroll = $linkElem.get(0) && $linkElem.position().top - 115; 
      $('html, body') 
       .animate({ 
        scrollTop: $linkElem_scroll 
       }, 'slow'); 
      e.preventDefault(); 
     }); 
    }); 
+2

답을 좀 자세히 설명해 주시겠습니까? – Eria

관련 문제