Question

我有一个按钮，该按钮应该向下滚动到另一个元素，但在后备状态（例如JS不适用于）上，请转到“与我们联系”页面。

代码本身不起作用，甚至无法登录到控制台。有修复程序吗？

    $('.btn').on('click', function (e) {
    e.preventDefault();
    console.log("test");
    $('html, body').animate({
        scrollTop: ($('.contactSplit').offset().top)
    }, 500);
})


<a class="btn btn--primary" href="https://hannahlondon.com/contact-us/">SPEAK TO ONE OF OUR EXPERTS</a>

Answer 1

只要您还有一个contactSplit类的元素，您的代码就可以正常工作。查看此代码段：

$('.btn').on('click', function (e) {
    e.preventDefault();
    console.log("test");
    $('html, body').animate({
        scrollTop: ($('.contactSplit').offset().top + 20)
    }, 500);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a class="btn btn--primary" href="">SPEAK TO ONE OF OUR EXPERTS</a>
<div style="height:500px">Content</div>
<div class="contactSplit">Contact Us</div>
<div class="footer">Footer</div>

在Windows上使用Shift + F5在MacOS上使用Shift + CMD + R尝试“硬刷新”

自动滚动不会滚动到损坏的JS元素

1 个答案: