javascript - Wordpress，在按下按钮时滚动

Question

我正在用我自己的基于下划线的主题制作一个 Wordpress 网站。现在，我使用媒体查询制作了响应式布局。但我有一种审美问题。

我有一个按钮可以在手机上打开菜单。因此，在移动屏幕上，我们有一个 Logo ，后面跟着一些文本，然后是菜单按钮。加载网站时，菜单按钮出现在底部。如果您按设计单击它，它将展开下面的菜单。不幸的是，除非用户向下移动，否则他将看不到菜单已打开。这是一个问题，因为一些用户可能认为什么都没发生。

因此，我需要您向我解释如何使用 jquery 或 javascript 来让用户在按下按钮时向下滚动，以便菜单出现在屏幕顶部。我尝试使用谷歌搜索并进行搜索，但我所能找到的只是如何使用带有 anchor 而不是按钮的滚动条。

Answer 1

您可以使用以下代码在按钮click 上执行此操作

$('btn').click(function(){
    $('html, body').animate({
        scrollTop: $(document).height() // this will take you to the bottom of the page
    }, 1000);
)}

或

给出的解决方案here

$('btn').click(function(){
    $('html, body').animate({
        scrollTop: $('selector').offset().top
    }, 1000);
)}