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

这个问题在这里已经有了答案：

jQuery滚动到元素24的答案

---

我为你创造了两个jsFiddles。 希望这是你想要做你的项目列表

您可以通过引入另一个容器div来完成这个技巧，并调整顶部和底部的高度/边距以滚动/显示下一个。

<div id="upButton">&nbsp;</div>
<div id="container" style="overflow: hidden;height: 40px;">
<div id="divWithExcessiveContent" >
    content number 1<br/>
    content number 2<br/>
    content number 3<br/>
    content number 4<br/>
    content number 5<br/>
    ...
    content number 100<br/>
</div>
</div>
<br>
<div id="downButton" style="border:solid 1px;width:50px;">Button</div>

jQuery的：

var i = 0;
$('div#downButton').click( function() {
    i = i - 20;
   $('div#divWithExcessiveContent').css('margin-top', i + 'px');
  });

i）像行为演示一样滚动

http://jsfiddle.net/vendettamit/4xuV4/

ii）可展开的div显示下一个元素演示

http://jsfiddle.net/vendettamit/kmHPk/

---

可能这个链接对你有帮助吗？

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

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

请注意，它是jQuery的一个插件，所以你必须检查你的jQuery是否已经存在它们。

希望这可以帮助你。

链接地址: http://www.djcxy.com/p/23081.html

上一篇: Scroll the div content when clicking a up or down button

下一篇: Scroll to a specific position on a page using Javascript / Jquery