JQuery从URL顺利滚动到id

时间:2013-03-23 12:39:08

标签: jquery scroll

假设您有以下网址(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;
});

2 个答案:

答案 0 :(得分:2)

为什么不使用锚<a href="http://www.domain.com/page.php#number">并为其设置动画。 检查此链接: Smooth scrolling when clicking an anchor link

答案 1 :(得分:1)

1-你可以得到字符串&#34;#number&#34; location.hash

2 - 你可以使用像jQuery Scrollbar Slider

这样的jQuery插件

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

编辑:

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

here is another DEMO that works on page load DEMO