Jquery 在同一页面链接之间轻松滚动?
我正在建立一个网站,所有信息都列在一个页面上。我已经创建了按钮,这样当你点击它们时,页面就会滚动到你点击的页面部分。一切都很好,除了我想滚动,以方便进出。以下是我到目前为止的脚本:Jquery 在同一页面链接之间轻松滚动?,jquery,Jquery,我正在建立一个网站,所有信息都列在一个页面上。我已经创建了按钮,这样当你点击它们时,页面就会滚动到你点击的页面部分。一切都很好,除了我想滚动,以方便进出。以下是我到目前为止的脚本: $(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,''
$(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 -25
}, 1000);
return false;
}
}
});
});
我只是想添加easeInOutExpo动画,但我已经花了一个小时的时间来处理代码,而且我对JQuery不是最熟练的,所以我不知道在哪里添加它。有谁能启发我吗?谢谢第9行,您有},1000;,在这里,您可以按以下方式定义缓和动画:
}, 1000, 'easeInOutExpo');
像往常一样,你可以让所有的论点都正确
奖金:考虑E.预防违约;而不是返回false。
我尝试过这样做,但当我添加它时,它会停止所有动画,并跳到您单击的任何部分。问题出在JQuery之外吗?请确保您也包含了JQuery轻松库,否则这些动画是未定义的。您可以在这里找到它:在文档中包含jQuery之后再包含。通过包含该站点的另一个链接,使其正常工作。非常感谢