-
例如，在这里，我们将通过单击标签跳转到id的指定位置到内容。
然后，我们在我们想要的位置设置一个内容ID块，在这里使用div模拟一个不象文章一样的文章，最好把div放在后面的位置，效果很明显。如果我们只是测试这个效果，我们可以用一个简单而粗糙的方法在它前面贴上许多标签。
HTML5
html5html5html5
标签：4月19日html52015
最后是使用jQuery来实现平滑的转换效果。
$（# turntocontent）。Click（function（）{）
（'html美元，人体动画（{）。
scrollTop：$（$ .attr（这'href '））。偏移（顶部）。
}，500）；
返回false；
}）；
做它！
现在，让我们继续改进。
$（函数（）{（））
$（a href = # { }，{ href = #区}）。Click（function（））{
如果（location.pathname.replace（ / / / ^，this.pathname.replace（ / / / ^ = =），）location.hostname = =这个主机名）{
var目标$ = $（这个散列）；
目标= $（$美元target.length目标| | $ {名称=+ this.hash.slice（1 +）}）；
如果（$目标长度）{
无功targetoffset = target.offset美元（顶部）；
（'html美元，人体动画（{）。
ScrollTop：targetoffset
}，
1000）；
返回false；
}
}
}）；
}）
改进后的代码的优点是，单击锚链接平滑地滚动到锚点，而url URL后缀没有锚点词。在使用过程中，基本上没有对上述代码进行修改。
以上是本文的全部内容，希望大家能喜欢。