javascript 锚标签链接光滑滚动
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 锚标签链接光滑滚动相关的知识,希望对你有一定的参考价值。
$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').on('click', function(event) {
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) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 1000, function() {
});
}
}
});
$(".<?php echo $brand;?>StructureBand").each(function(index, el) {
$(this).attr('id', 'band-'+index);
});
以上是关于javascript 锚标签链接光滑滚动的主要内容,如果未能解决你的问题,请参考以下文章
javascript 平滑滚动锚点链接
javascript 为链接到页面上的ID的锚标记提供平滑滚动。
使用锚标签链接打开标签?
如何使锚标签滚动而不会被位置覆盖:固定区域
单击超链接时,Safari 会忽略/删除锚点(或“主题标签”)吗?
javascript 露西光滑滚动