Javascript Wordpress，按按钮时滚动

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

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

---

因此，我需要您向我解释如何使用jquery或javascript，以便在用户按下按钮向下滚动时，使菜单显示在屏幕顶部。我试着用谷歌搜索，但我能找到的只是如何使用带有锚的滚动条，而不是按钮

您可以通过使用以下代码在按钮上单击

来执行此操作

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

或

给出了解决方案

我想你正在寻找这样的东西，请张贴你的代码，我们将能够帮助你更多的按钮代码。该按钮仅在观看距离为600px或更小时出现。嘿。谢谢你的回答。好的，但是我该把这个放在哪里呢？既然是wordpress，我是否需要创建一个包含上述文本的脚本，然后从functions.php调用它？或者我应该在php文件本身中使用它吗？正如我所说，当涉及到脚本时，我完全是一个新手。到目前为止，我只做了css/html/php。您可以为页面加载编写一个
hook
，并在脚本标记中对此进行响应。另外，不要忘了将其包装在a面
$（document）.ready（）
函数中。请务必将
'btn'
和
'selector'
替换为原始的selector。我真的不知道什么是钩子，什么是$document-ready。说到脚本，我真的是个新手。所以，非常感谢你的帮助，但这对我帮助不大，因为我很坏。我确实理解选择器的部分思想，但不知道
wordpress hooks
和
jQuery
这很难做任何事情。我建议在项目中做任何事情之前先学习这两个方面。对于这样的“简单”效果，听起来需要做很多工作：（。你有关于这些方面的快速学习教程吗？谢谢。
$('btn').click(function(){
    $('html, body').animate({
        scrollTop: $('selector').offset().top
    }, 1000);
)}