我的页面分类上有一个链接 单击此按钮时,页面将跳转到目标div所在的底部
我正在尝试使用jQuery.ScrollTo,但它不起作用。我不知道如何调试。
$(document).ready(function()
{
// Scroll the content inside the #scroll-container div
$('.categories_link').scrollTo({
target:'#categories'
});
});
更新 找到这个http://jsfiddle.net/VPzxG/所以现在尝试修改它。任何帮助将不胜感激。
答案 0 :(得分:0)
你根本不需要JS。只需使用
<a class="categories_link" href="#categories">Click me!</a>
答案 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);
});
});