html怎么给锚点加滑动效果？_IT百科

使用jquery的动画做滑动效果；

obj为需要做跳转到锚点的a标签对象

400 为滑动的速度（可以改成你需要的速度，单位是毫秒）

*锚点点击跳转

var AnchorClick = function (obj) {

var href = $(obj).attr("href")

var pos = $(href).offset().top

$("html,body").animate({ scrollTop: pos }, 400)

}

这是我自己用的jquery，很好理解，看下应该就明白，目前所测试的浏览器都兼容，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

$(document).ready(function(){

$.extend({

'goAnchor':function(to, time){

$obj = (window.opera)?(document.compatMode=="CSS1Compat"?$('html'):$('body')):$('html,body')

$($obj).animate({scrollTop:to}, time)

}

})

$('#click').click(function(){

$.goAnchor($('#target').offset().top, 1000)

})

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html怎么给锚点加滑动效果？