javascript - jQuery - 向下滑动面板

Question

我想创建一个网站，用户必须在其中输入 soma 数据。为了使这尽可能简单，我只显示主要输入元素，并在需要时让辅助面板向下滑动。尽可能地，这些面板应该是可拖动的(我正在为此寻找 javascript)。我的主要问题是，当面板向下滑动时，顶部的内容首先显示，但我想向下滑动，如下所示:

有没有办法做到这一点？

提前致谢。

Answer 1

看看这个JSFiddle .

这应该展示了实现这种效果的原理。您需要一个带有 overflow: hidden; 的容器 div 和一个位于容器 div 底部的子元素，然后您可以使用 jQuery 更改容器的高度以显示/隐藏内容。

此外，要使面板可拖动，jQuery UI有一个很棒的功能叫做draggable效果很好。试一试。