单击后向下推容器中的内容，将内容加载到空间中-Jquery-第2部分

在开始之前，请参考本期第一部分的链接：

现在，这是在我实现了前面示例中的代码之后的样子：

很接近，但不是我想要的100%。当您第二次单击按钮时，我希望动画以相同的慢速反向播放。。。将容器放回顶部，并隐藏顶部内容。目前，当第二次按下按钮时，我使用的代码使整个页面完全消失。我不想那样

-奖金-

我还想，如果可能的话，在第一次按下按钮向下滑动时，将页眉锁定在页面底部的最小高度。当窗口缩小时，页眉只能升得很高，但如果窗口完全展开，页眉将锁定在页面底部。简而言之，当第一次按下按钮时，您基本上会看到页眉变成页脚

不仅如此，我还想取消向下滚动页面的功能，以便您可以看到向下滑动的容器内容。按下向下滑动按钮后，一旦容器下降，则不应有滚动条

-最终奖金-

我想外部加载另一个页面自动进入topContent div一旦容器是下滑和顶部内容是完全显示

---

我希望我能在这方面得到帮助。如果提供答案的编码人员能够提供联系信息，以防我需要跟进您的回答，那也太好了

我修改了您问题第一部分的Jquery代码：

<script> 
    $(function() {
        $("#MyProfile_Button").click(toggleTopContent);
    });

    function toggleTopContent() {
      var topContent = $("#topContent");
      var bottomContent = $("#Container");

      if(!topContent.is(":hidden")) {
        topContent.slideUp("slow");
      } else {
        // if you want the content to come from AJAX or so do it here
        //       ....
        //   If you do so, the topContent div should remain there, but empty.

        $("#topContent").slideDown("slow");
        //$("#Container").slideUp("slow");
      }
    }
</script> 

看它的动作你可以在这里看到小提琴：

奖金问题1

听起来您需要将topContent to document的高度设置为$window.height-$header.height，这会将标题推到正确的位置。这与溢出相结合：隐藏在主体上将禁用滚动条

我很快就要拉小提琴了

编辑：

这里有一把小提琴展示了上面的想法：-我没有太多地操纵CSS或其他代码，主要是Jquery。希望这能为你指明正确的方向

对于第二个额外的问题，您希望在滑下后使用Jquery的.load，或者可能将其用作回调函数，您可以阅读关于它的内容-我相信您可以得到其余的

编辑：

看看这把小提琴

基本上我从body标签样式表中去掉了overflow:hidden，并将$body.css{overflow:hidden}；在函数toggletocontent的else语句中，以及$body.css{overflow:auto}；如果。这修复了你的滚动条

---

要使标题卡在底部，我建议在else中对其应用一些固定/绝对定位。

问题是……我只希望在滑块下降时移除滚动条。它现在的设置方式完全删除了滚动条。我不想那样。当我当前尝试时，页眉也没有锁定在底部作为页脚it@WillingLearner-检查第二次编辑中的滚动条修复和标题锁定。@Shango-它可以很好地删除初始向下滑动时的滚动条，但不会将滚动条恢复到幻灯片上。在我第一次这样做之后，滚动条似乎永远消失了。我该如何补救呢？@WillingLearner-如果你添加$body.css{overflow:auto}；如果它将重新启用，则返回。看这把小提琴：@Shango-就是这样。谢谢我尝试了您的建议，使用以下命令锁定页面底部的标题：$header.css{position:fixed}；当然是绝对的，但这似乎不太管用。告诉你真相会破坏我的布局，尤其是当我将内容滑回原处时。