Question

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

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

因此，我需要你解释一下如何使用jquery或javascript来让用户按下按钮向下滚动，以便菜单出现在屏幕顶部。我尝试使用谷歌搜索和搜索，但我所能找到的是如何使用锚点而不是按钮滚动。

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);
)}

Wordpress，滚动按钮按下

1 个答案: