Jquery 如何制作滚动按钮？

我想保持溢出隐藏，而是把一个div放在页面上，你可以在上面悬停，它会向下滚动。我似乎不知道如何才能做到这一点。我已经在网上搜索过了，没有任何运气。我有一个想法，这可能需要一些jquery，但我不确定。

假设这是您的HTML：

<div id="button">Scroll down</div>
<div id="container">
    <p>Your text or content here.</p>
</div>

试一试

您可以使用绝对定位和jQuery的.animate和.stop方法来实现这一点

要使div向上滚动：

$("div.content").stop().animate({top: "-400%"}, 5000); 
//Let's say the div is 500% tall

要使div停止移动，请执行以下操作：

$("div.content").stop();

要使div向下滚动：

$("div.content").stop().animate({top: "0"}, 5000);

当然，唯一的问题是，它没有按比例分配滚动所需的时间，因此，如果从底部开始仅50%并尝试滚动到底部，则仍然需要5秒，即使从顶部滚动需要5秒

您可能可以通过使用top的值并将其除以'height-100%来解决此问题

---

您的意思是希望一个div最初有一个特定的高度，然后将鼠标悬停在按钮上以增加div的高度并显示div的其余内容吗？你能为我们提供一个你想要完成什么或你的代码的实例吗？嗨，也许你只需要html和css就可以做到。请看这把小提琴。不，它不是扩展div。我有一个div容器，其中包含内容。我有足够的内容到它开始隐藏的地方，因为溢出是隐藏的，所以我想要的是一个按钮悬停在div容器上并向下滚动。向下滚动可能会重复您的意思是应该增加高度吗？

$("div.content").stop().animate({top: "0"}, 5000);