前端锚点链接平滑滚动效果
我们在开发WordPress主题的时候，很多时候前端会用到锚点链接，默认的点击效果是直接跳到指定的位置，效果比较生硬，如果能加些平滑滚动的效果肯定会更舒服点。获取a的href的锚点连接target，通过：
targetOffset=$(target).offset().top; 获取该锚点到浏览器顶部的距离，然后给body添加动画
$('html,body').animate({
scrollTop: targetOffset},
1000);
全部代码：
$('a[href*=#],area[href*=#]').click(function() {
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,body').animate({
scrollTop: targetOffset},
1000);
return false;
}}});
英文演示为原版演示地址，位于境外国内访问可能比较缓慢（建议爬梯浏览），你在本站所下载的主题等源码仅供测试学习之用，如果要商用请购买 正版授权，以便获得官方的更新和售后服务。
本站承接WordPress主题安装、深度汉化、加速优化等业务，详询在线客服！
官方 本站承接 WordPress/DedeCMS 等系统建站、开发、定制仿制等业务！
