我有一个单页菜单!菜单上的每个项目,点击,我想让窗口滚动到页面的右侧部分!
菜单代码
<nav>
<ul>
<li><a href="#me">Me</a></li>
<li><a href="#work">Me</a></li>
</ul>
</nav>
在页面上我有像
这样的部分<section id="me"></section>
<section id="work"></section>
我已经尝试自己编写jQuery函数,应该可以解决这个问题,但我没有运气。
$(function() {
$("nav a").click(function(){
var $place = $(this).attr("href");
$(window).animate(
{scrollTop: $place.offset().top},400);
});
});
我还在jQuery的开头,所以,请不要向我扔石头:D
答案 0 :(得分:0)
我认为你需要这个,请尝试:
$("body").animate({scrollTop:$($place).offset().top},400);
e.preventDefault();
已编辑:如果您不想直接跳转,则需要防止默认行为。