jquery - JQuery从URL平滑滚动到id

Question

假设您有以下 URL (www.domain.com/page.php#_number)。

我想从 url**(_1)** 中提取 id 并在页面加载时滚动到它。

您的帮助将不胜感激。

谢谢大家的帮助。

答案：-

$(document).ready(function() { 
    var $root = $('html, body');
    var ancloc = window.location.hash;
    event.preventDefault();
        $root.animate({
            scrollTop: $(ancloc).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;
});

Answer 1

为什么不直接使用锚<a href="http://www.domain.com/page.php#number">并为其设置动画。检查此链接： 单击锚链接时平滑滚动

Answer 2

1-您可以通过location.hash.

2-可以使用jQuery Scrollbar Slider之类的jQuery插件

您不需要创建点击事件，它会处理它。

编辑：

如果您希望它在不点击的情况下工作，在页面加载时，您必须阻止默认浏览器行为。因为浏览器会自动滚动。

这是另一个适用于页面加载演示的 演示