цикл jquery для вертикальной прокрутки таблицы

Question

Хорошо, у меня есть таблица, в которой я заполняю 25 строк информации. Я хочу использовать цикл JQuery или что-то подобное, чтобы создать эффект вертикальной прокрутки, поэтому строки постоянно прокручиваются вертикально вверх через контейнер, который может отображать примерно пять строк за раз.

Я использовал цикл jquery для многих вещей, но по какой-то причине я нахожусь в тупике, пытаясь заставить его работать на стол.

Я думаю, что моя путаница, вероятно, о том, как мне нужно настроить мой стол/контейнер конструктивно так цикл знает, что дети или элементы относятся к:

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

Так как я структурировать элементы стола таким образом цикл влияет на них?

Больше на Jquery 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.