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

Question

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

Answer 1

链接格式：<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/

Answer 2

你可以在网上搜索 jquery 滚动到 div 你会得到这样的结果

演示_

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