//主页面
<html>
<head>
</head>
<body>
<div id='s_1' ></div>
<div id='s_2' ></div>
<div id='s_3' ></div>
<div id='s_4' ></div>
</body>
</html>
<!--左侧边栏-->
<div class="scrollBar">
<div class="scroll_item">
<a class="common_scroll scroll_1 scroll_now" href="#s_1">
<span class="icon iconfont"></span>
<span class="text">基本情况</span>
</a>
<a class="common_scroll scroll_2" href="#s_2">
<span class="icon iconfont"></span>
<span class="text">个人信息</span>
</a>
<a class="common_scroll scroll_3" href="#s_3">
<span class="icon iconfont"></span>
<span class="text">服务对比</span>
</a>
<a class="common_scroll scroll_4" href="#s_4">
<span class="icon iconfont"></span>
<span class="text">作品对比</span>
</a>
<a class="common_scroll scroll_5" href="#s_5">
<span class="icon iconfont"></span>
<span class="text">经历对比</span>
</a>
</div>
</div>
JS
$(".common_scroll").click(function() {
var h=$($(this).attr("href")).offset().top;
$("html, body").stop(true,false).animate({
scrollTop: h +"px"
}, {
duration: 500,
easing: "swing"
});
return false;
});
扫一扫
654
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
