html滑动跳转锚点,锚点跳转滑动效果.html

$(function(){

//锚点跳转滑动效果

$('a[href*=#],area[href*=#]').click(function() {

console.log(this.pathname)

if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && 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;}

一键复制

编辑

Web IDE

原始数据

按行查看

历史