默认情况下,Divi 会将页面平滑滚动到锚链接的各个部分。我需要页面立即“跳转”到该部分,而不需要任何滚动动画。
示例:https://stanfordimapro.wpengine.com [顶部导航链接]
我添加了这段代码:
$('#nav-section a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $trget = $(target);
$('html, body').animate ({
scrollTop: $trget
}, 0, 'linear', function () {
window.location.hash = target;
});
});
这确实使它立即跳到该部分,但之后仍然有一个奇怪的向上滚动。
理想情况下,我想完全删除 Divi 滚动行为,但我无法准确找到 Divi 主题文件中的位置。它可能与 Divi/js/custom.js 和/或 Divi/js/scripts.js 中的“et_pb_smooth_scroll”相关
更新:我在scripts.js中找到了其中的一些(et_pb_smooth_scroll(i,a,800))并将800更改为0。这停止了滚动动画,但我想知道如何在没有直接编辑主题文件。
在这里找到答案:https://divibooster.com/fix-divi-anchor-links-not-working- Correctly/comment-page-1/
只需编辑它,将“700”值交换为 0 ;)
希望有帮助;)