jquery/css：在滚动条的底部显示一个div，您可以'；我看不到那个div

我正在尝试添加一个按钮，在我的网站底部显示和隐藏一个div。当您单击按钮时，会显示div，但它创建了额外的滚动空间，您无法在此处看到div示例

（如果滚动至按钮并点击蓝色按钮

当我将div放置在菜单栏顶部时，也会发生同样的情况。是否有方法将视口与新div对齐？或者其他我不知道的方法？非常感谢您的帮助

尝试以下方法：

    $(function(){

         $("div.button1-content").hide();

            $('a#button1').click(function(){
                $('div.button1-content').toggle(0, function() {
                    $('html, body').animate({scrollTop: $('div.button1-content').offset().top - $('div.button1-content').height() + 'px'}, 200);  
                });
            });
   }); 

---

您需要调整此选项，使其在隐藏该div后正确滚动，但我认为这是您要寻找的一般想法。

您希望视口向下滚动？还是div向上打开？我不知道如何使用toggle命令执行此操作有什么想法吗？