定时jquery /返回顶部html css链接

Question

我正在尝试计时我的网页跳转到我的网站上的不同部分。例如，如果用户点击一个链接“联系我们”，它会跳转到页面下方的“联系人”部分(该页面是一个单页面设计，菜单固定在左侧)。我想要一个'timed‘方法，让它滚动，而不是’跳跃‘出现。我在http://webdesignerwall.com/tutorials/animated-scroll-to-top的jquery中找到了一个例子，有没有人知道更好的教程，可以用来学习站点的不同部分，而不只是返回到顶部？

Answer 1

您可以在web上搜索jquery Scroll to div，您将得到类似于this的结果

the demo

您可以在一段时间后(.delay())递归调用该函数，并动态更改div名称。

Answer 2

链接格式：<a href="#IDofElementToScrollTo">Click This</a>

目标元素：<div id="IDofElementToScollTo"></div>

$('a[href*=#]').click(function(e) {
    e.preventDefault();
    var target = $(this.hash);
    var elm = $(target).attr("id");
    var  loc = $(target).offset().top;
    $('body').animate({ scrollTop: loc}, 4000);
});

看看这个小提琴：http://jsfiddle.net/Mft3T/