使用jQuery.ScrollTo在单击链接时向下滚动

时间:2013-07-13 00:17:07

标签: javascript jquery

我的页面分类上有一个链接 单击此按钮时,页面将跳转到目标div所在的底部

我正在尝试使用jQuery.ScrollTo,但它不起作用。我不知道如何调试。

 $(document).ready(function()
{


    // Scroll the content inside the #scroll-container div
    $('.categories_link').scrollTo({
       target:'#categories'
    });

});

更新 找到这个http://jsfiddle.net/VPzxG/所以现在尝试修改它。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:0)

你根本不需要JS。只需使用

<a class="categories_link" href="#categories">Click me!</a>

DEMO http://jsfiddle.net/ezCFC/

答案 1 :(得分:0)

首先,我建议将HTML更改为以下内容:

<div id="sidebar">
    <ul>
        <li><a href="#about">auck</a></li>
        <li><a href="#projects">Projects</a></li>
        <li><a href="#resume">Resume</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>

然后只使用.animate().offset()

$(function(){
    $("#sidebar > ul > li > a").click(function(e) { 
        e.preventDefault(); 
        var id = $(this).attr("href");
        $('body').animate({
            scrollTop: $(id).offset().top
        }, 1000);     
    });
});

样本: http://jsfiddle.net/dirtyd77/VPzxG/1465/