在div中平滑滚动

时间:2011-12-14 18:34:37

标签: jquery scroll

我正在创建一个带有链接的小目录,以滚动到可滚动div中的字母列表。我需要div滚动的内容而不是整个页面。我在这里使用平滑滚动:

https://github.com/kswedberg/jquery-smooth-scroll

这是我的代码:

      $(document).ready(function() {


    $('.quick_links li a').click(function() {
  $.smoothScroll({
    scrollElement: $('#designers_box'),
    scrollTarget: '#designers_box'
  });
  return false;
});

});

我知道我不应该在两个参数上使用#designers_box,但不能真正理解文档。有人熟悉这个吗?

这是工作的链接:

http://fourcemag.kenaesthetic.com/homme/index.htm

你会看到它正在做某事但还没有完成工作。 感谢所有人的帮助。

1 个答案:

答案 0 :(得分:2)

您的scrollElement 滚动了,而scrollTarget 滚动到了。

所以,这是我的猜测:

$(document).ready(function() {
    $('.quick_links li a').click(function() {
        $.smoothScroll({
            scrollElement: $('#designers_box'),
            scrollTarget: $(this).attr('href')
        });
        return false;
    });
});