将来,添加您当前的尝试是一个好主意,因为它将帮助我们调整您的代码。您显然已经尝试了一些方法,但它们显然没有用(否则您不会来这里)- 向我们展示您的尝试,我们可能会帮助您解决当前的尝试!
无论如何,进入实际代码。
看到您遗漏了一些信息,我将不得不做出一些假设。
我将假设您有一个如下所示的按钮:
<a href="#my-visual-composer-row-id" class="my-link">Click here to scroll down</a>
我将假设您已经为您的视觉作曲家行指定了一个 ID my-visual-composer-row-id
(您可以在实际行本身的编辑选项下执行此操作)
如果您可以使用 jQuery,那么您可以在 RAW JavaScript 块中的某处(最好是页面底部)中实现以下内容,或者如果您正在制作自己的主题,您可以将其添加到您的 .js 文件中.
jQuery(document).ready(function($){
$('.my-link, .my-link a').click(function(e){
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = jQuery(this.hash);
target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
if (target.length) {
jQuery('html, body').animate({
scrollTop: Math.ceil(target.offset().top)
}, 1000);
return false;
}
}
});
});
这已改编自 CSS-Tricks 平滑滚动解决方案,可在此处找到。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句