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

【问题标题】：Timed jquery / back to top html css link定时 jquery / 返回顶部 html css 链接
【发布时间】：2013-03-13 01:35:29
【问题描述】：

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

【问题讨论】：

标签： jquery html css hyperlink timed

【解决方案1】：

你可以在网上搜索 jquery 滚动到 div 你会得到类似this的结果

demo

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

【讨论】：

【解决方案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/

【讨论】：

谢谢，这帮助了我——我用了你的一些，然后在下面。谢谢！