html的滚屏效果遇上锚点,JS点击锚点实现平滑滚动
韦阳晖
JS点击锚点实现平滑滚动$(function() {
$("a.link").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top + "px"
}, {
duration: 500,
easing: "swing"
});
return false;
});
});
"返回顶部"按钮效果：
向下滚动页面出现 按钮，点击返回顶部。$(function() {
$(window).scroll(function() {
if ($(window).scrollTop() >= 100) {
$('#go-top').fadeIn(300);
} else {
$('#go-top').fadeOut(300);
}
});
$('#go-top').click(function() {
$('html,body').animate( {
scrollTop : '0px'
}, 0);
});
});
类似资料：