【问题标题】:Regarding jQuery's scrollTop. Scroll to different target (other than back to top)关于 jQuery 的 scrollTop。滚动到不同的目标(除了回到顶部)
【发布时间】:2012-11-16 23:51:33
【问题描述】:

我目前正在使用 jQuery 的 .scrollTop,它非常适合将用户移回页面顶部。因为我真的很喜欢这个效果,所以我想让它可以滚动到某个指定的 div 或锚点。

这可能吗?如果是,我该怎么做?有人可以给我一个例子吗? 我还想保留 scrollTop 函数本身。

我已经检查过 Stackflow,但或者这是不可能的,或者我忽略了一个类似的问题(在这种情况下,我很抱歉发布一个新问题)。

这里是 scrollTop 的链接:http://api.jquery.com/scrollTop/

提前谢谢你。

【问题讨论】:

    标签: javascript jquery scroll scrolltop


    【解决方案1】:

    一个简单的jQuery函数就可以实现:

    function scrollTo(id){
        $('html,body').animate({
            scrollTop: $("#"+id).offset().top},
            'slow');
    }
    

    JSFiddle 示例:http://jsfiddle.net/cMxXM/4/

    【讨论】:

    • 感谢您的回答。我添加了您给我的功能,但是我无法使其工作?我应该添加什么才能使其正常工作?不幸的是,我对 JS 和/或 PHP 知之甚少。 :(
    • 谢谢你为我解释了很多。我已经尝试查看(并理解)scrollto(flesler.blogspot.nl/2007/10/jqueryscrollto.html)的来源,但这对我没有多大帮助。但是,您的示例确实对我有很大帮助。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多