探索 jQuery scrollTo 插件：优雅地滚动页面到任何位置

// 引入jQuery库
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
// 引入scrollTo插件
<script src="https://raw.githubusercontent.com/flesler/jquery.scrollTo/master/jquery.scrollTo.min.js"></script>
 
<script>
// 确保DOM完全加载完成
$(document).ready(function(){
    // 滚动到页面顶部
    $("#to-top").click(function(){
        $.scrollTo(0, 800); // 800毫秒内平滑滚动到页面顶部
    });
 
    // 滚动到页面指定元素
    $("#to-element").click(function(){
        $.scrollTo('#some-element', 800); // 800毫秒内平滑滚动到id为some-element的元素
    });
 
    // 滚动到页面指定位置
    $("#to-position").click(function(){
        $.scrollTo('+=' + ($(document).height() - $(window).height()), 800); // 800毫秒内平滑滚动到距离当前页面底部的位置
    });
});
</script>

这段代码展示了如何使用jQuery scrollTo插件来实现平滑滚动效果。通过点击相应的按钮，页面会根据设定的位置和时间进行滚动。