php - 单击按钮滚动到特定的div？

Question

大家好，

我是 php 新手。我想向下滚动到我的 div 以单击按钮。请帮助我，我是如何做到这一点的。当我单击按钮时，滚动稍微移动到我的 div。

我正在使用此代码

  <script type="text/javascript">
    $(document).ready(function() {
    $('#scroll').click(function() {
    $.scrollTo($('#res'), 500);
    })
  });
 </script>


<input type="button" value="Scroll" id="scroll" />

<div id="data">one big idea.
<div class="res" id="res">
<h2>RESULT</h2>
one big idea..
</div>
<p>one big idea.</p>
</div>

提前致谢

Answer 1

$('#scroll').click(function() {
  $('html,body').animate({'scrollTop':$('#res').position().top}, 500);
});

Answer 2

$(".jumper").on("click", function( e ) {

    e.preventDefault();

    $("body").animate({ 
        scrollTop: $( $(this).attr('href') ).offset().top 
    }, 600);

});

为标签工作的演示..

Answer 3

我用这个...

//  [a] obj to scroll to, mandatory, like, '#id' or '.class'
//  [c] miliseconds, default 1 sec. if not set
//  [b] offset from top, default 0 if not set
function sTo(a,c,b){
    if(typeof(a)=="undefined")return;
    c=typeof(c)!="undefined"?c:1000;
    b=typeof(b)!="undefined"?b:0;
    jQuery("html,body").stop(true,true).animate({scrollTop:jQuery(a).offset().top+b},c,function(){
        // if you want a callback function, call it here
    });
}

然后，就像这样称呼它：

<input type="button" value="Scroll" id="scroll" onclick="sTo('#res',500,50)"/>

Answer 4

ScrollTo不是现有的 jquery 函数。

您可以使用ScrollTop 单击和Animate 单击的组合来模拟它。像这样的东西：

 $(document).ready(function() {
    $("#scroll").click(function() {
      $('html, body').animate({
        scrollTop: $("#res").offset().top
      }, 2000);
   });
 });

http://jsfiddle.net/QW5WJ/