jQuery滚动到Div

小编典典

jQuery滚动到Div

html

我正在制作一个FAQ页面，顶部有一些按钮可以跳转到一个类别（它跳转到p我用作类别标签的标签，例如，<pid="general">用于我的常规类别）。我想添加一个滚动效果，而不仅仅是跳到该类别。我想要类似http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm的内容，该内容可以滚动到页面的所需部分。该链接是一个脚本，该脚本转到页面顶部，具有良好的滚动效果。我需要类似的东西，可以滚动到我链接的位置。例如，如果我想去其他地方。类别，我希望它能够<a href="#misc">Miscellaneous</a>滚动到页面的该部分。

阅读 291

2020-05-10

共1个答案

小编典典

$(function() {
$(‘a[href*=#]:not([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) {
$(‘html,body’).animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});

2020-05-10