锚点跳转滑动效果

Posted Nothing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了锚点跳转滑动效果相关的知识,希望对你有一定的参考价值。

$(‘a[href*="#"],area[href*="#"]‘).click(function() {
console.log(1);
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;
}
}
});
//且网页没有后缀

以上是关于锚点跳转滑动效果的主要内容,如果未能解决你的问题,请参考以下文章

jQuery写出可调控自定义的平滑滚动效果(锚点跳转动画)

js做通讯录的索引滑动显示效果和滑动显示锚点效果

锚点定位跳转的各种实现方法

Android 滑动定位+吸附悬停效果实现

我想要做一个锚点定位,从A页面跳到B页面的某个位置。

jquery滚动条平滑滑动