Javascript 单击dropbox网站中的了解更多信息时？页面如何滑到底部？

我想在我的网站这个效果

单击“了解更多”时，页面会向下滑动到下半部分。如何执行此操作？请帮助

试试这个

$（文档）.ready（函数（）
{
$（'#gotop'）。单击（函数（）{
$（'html，body'）。动画（{scrollTop:0}，'slow'）；
返回false；
}
);
$（'#gotobottom'）。单击（函数（）
{
$（'html，body'）.animate（{scrollTop:$（document.height（）}，'slow'）；
返回false；
}
);
}
);

参考：

演示：

点击“给我一行”/“滑回顶部”

---

希望它能帮上忙

你可以试试这个jQuery作为你的锚

var offsetTop;
$('.selector').click(function (e) {
    try {
        var href = $(this).attr("href"),
                offsetTop = href === "#" ? 0 : $(href).offset().top + 1;
        $('html, body').stop().animate({
            scrollTop: offsetTop
        }, 800);
    } catch (err) { }
    e.preventDefault();
});

当您单击“了解更多”（使用课堂学习）时，滚动至底部（#learndiv）
$（文档）.ready（函数（）
{
$（“.learn”）。在（“单击”，函数（）上
{
$（'html，body'）.animate（{scrollTop:$（'learndiv'）.offset（）.top}）；
});
});  
了解更多

你好，我是李尔莫尔剧组

酷

，向我们展示您的triedOk fine，但如何调整包含“了解更多”的页面的高度，使我们默认只看到第一张幻灯片，当我们单击“了解更多”时，我们会看到幻灯片。？？：）@MR7现在我在办公室。实际上你的网站（）在我们公司被屏蔽了。我看不见。我只是通过阅读你的问题给出了答案。关于高度问题：好的，你们想滚动到第一张幻灯片……你们能告诉我底部有多少张幻灯片吗？这会有区别吗？我的意思是，我只希望我的第一张幻灯片在默认情况下达到全高@Mr7:）：）您可以通过添加$（'firstslide'）.addClass（'newcss'）；，使用jquery动态地为第一个silde指定高度。newcss{height:00px；}

when you click on learn more(with class learn ) ,scroll goes to bottom (#learndiv)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
 $(document).ready(function()
 {
      $(".learn").on("click" ,function()
        {
        $('html,body').animate({scrollTop: $('#learndiv').offset().top});        
        });

});  

</script>

<p><a  class='learn'>learn more</a></p>



<div id="learndiv">
hello this is lear more div 

</div>