Question

好的，我有一张表，我填充了25行信息。我想使用Jquery循环或类似的东西来创建垂直滚动效果，因此行不断地向上滚动通过一个容器，一次可以显示大约五行。

我已经将jquery循环用于了很多事情，但由于某些原因，我试图让它为一个表工作而处于死路。

我认为我的困惑可能在于我需要如何在结构上设置我的表/容器，因此循环知道要应用的子项或元素：

$(document).ready(function() {
      $('#table_container').cycle({ //Will this even work for a table???
          fx:'scrollVert', 
                  continuous: 1 
      });
});

那么如何构建表元素以便循环影响它们呢？

更多关于Jquery Cycle，来自他们的网站：

该插件提供了一个名为cycle的方法，该方法在容器元素上调用。容器的每个子元素都变成“幻灯片”。选项控制幻灯片的转换方式和时间。

Answer 1

循环调用功能适用于子节。对于tr之前的表，通常会创建tbody选项卡。请尝试使用以下内容。它工作得很好..

Html - <table id="table_container"> <tr><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr> <tr><td>5</td></tr> </table>

Css - #table_container, #table_container tbody { height: 100px; border: 1px solid red; display: block; width: 100px; position: relative; overflow: hidden; } #table_container tr{ display:block; height: 100px; border: 1px solid #ccc; width: 100px; }

jquery - $("#table_container tbody").cycle({ fx: "scrollDown" });

试试这个。

如果要在时间显示多行，则使用某个逻辑分隔符隔离多行，以便可以迭代该部分而不是tr。

jquery循环到垂直滚动表

1 个答案: