单击向上或向下按钮时滚动 div 内容

Question

我想创建一个如下所示的 div：

<div id="upButton">&nbsp;</div>
<div id="divWithExcessiveContent" style="overflow: hidden; height: 20px;">
    content number 1<br/>
    content number 2<br/>
    content number 3<br/>
    content number 4<br/>
    ...
    content number 100<br/>
</div>
<div id="downButton">&nbsp;</div>

根据上面的代码，#divWithExcessiveContent的内容应该只是直到，也许"content number 20"其余都是隐藏的。当#downButton被点击时，里面div应该向下滚动，显示下面的内容"content number 20"。

我怎样才能使用 jQuery 做到这一点？

Answer 1

也许这个链接对您有帮助？

它使您能够将元素滚动到特定位置，例如

$('#divWithExcessiveContent').scrollTo( {top:'-=100px', left:'+=100'}, 800 );

请注意，它是 jQuery 的插件，因此您必须检查您的 jQuery 是否已经有它们。

希望这对您有帮助。