Я работаю над сайтом на двух столбцах, когда вы прокручиваете: столбец A поднимается, а столбец B падает. Я внедрил бесконечную прокрутку, но мне интересно: возможно ли клонировать/добавлять один столбец на другой, например. при определенной длине прокрутки:
После прокрутки вне поля зрения:
- Колонки A будут перемещаться в конец столбца B
- Колонки столбцов B будут перемещаться в конец столбца A
Технически все еще бесконечно, но зацикливание ящиков от столбца к столбцу - проливание одного на другое и обратно.
Этот подход плохой, или, лучше ли использовать бесконечный свиток на каждом столбце? Что меня сбивает с толку, так как я новичок в JS и jQuery, это логика... и какой лучший подход для этого.
* Изображение только, например, количество ящиков может быть намного выше, например. 10 в каждом столбце.
Мой код: http://jsfiddle.net/djsbaker/vqUq7/1/
Моя текущая попытка клонирования/добавления:
var ele = document.getElementById("box");
var arr = jQuery.makeArray(ele);
var data = (ele)[0];
$(window).scroll(function() {
if ( $(window).scrollTop() >= 1000) {
$(data).clone().appendTo('body');
} else {
}
});