Question

我无法使用简单的jquery代码。我想要一个按钮将页面向下滚动到另一个div。

HTML：

<div class="jumbotron">
  <div class="container text-center">
      <h1>Scroll down!</h1>
      <a  type="button" id="helloclick" class="btn btn-default">scroll!</a> 
  </div>
</div>

<div class="container text-center" id="second">
    <p> come here </p>
</div>

JS：

$('#helloclick').click(function(){
   $('html, body').ScrollTo("#second");
});

Answer 1

您需要将scrollTop()方法与目标对象的offset()一起使用。

$(function() {
    $('#helloclick').click(function(e){
        e.preventDefault();
        $('html, body').animate({
        scrollTop: $("#second").offset().top
        }, 500);
    });
});

编辑：代码需要包含在$(function() {...});中，以确保#helloclick＆amp; #second在执行之前被加载。

查看有关JSFiddle

的信息

Answer 2

jQuery没有.ScrollTo()方法。

在您的情况下，您需要使用 .scrollTop() ：

$('#helloclick').click(function(){
    $('html,body').animate({ scrollTop: $('#second').offset().top });
});

<强> Fiddle Demo

Answer 3

试试这个：

 $('#helloclick').click(function(){
   $('html, body').animate({
    scrollTop: $('#second').offset().top
}, 500);});

<强> Working Demo

jquery scrollTo使用按钮

3 个答案: