html滑动跳转锚点，锚点跳转滑动效果.html
Document
$(function(){
//锚点跳转滑动效果
$('a[href*=#],area[href*=#]').click(function() {
console.log(this.pathname)
if (place(/^\//, '') == place(/^\//, '') && location.hostname == this.hostname) { var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html').animate({
scrollTop: targetOffset
},
400);
return false;
}
}
});
})
.mk{height:500px;width:980px;border:1px solid #999;margin:auto;}
.evt_nav_right{position:fixed;top:100px;right:10px;width:100px;}
.evt_nav_right a{display:inline-block;width:100px;}
返回顶部
mk01mk01
mk02mk02
mk03mk03
mk04mk04
mk05mk05
⼀键复制
编辑
html滚动效果代码Web IDE
原始数据
按⾏查看
历史

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。