Как мы можем сделать его бесконечно прокручиваемым?

#jquery #css

Вопрос:

Я прошел Codepen здесь, где отображается это классное меню. Я изо всех сил старался настроить его, но мне не удалось сделать его бесконечно прокручиваемым. (Когда я прокручиваю, меню зацикливается) вот ручка

https://codepen.io/dev_loop/pen/PoZBOBx Не могли бы вы, пожалуйста, помочь мне. Спасибо.

Демонстрация демонстрации меню бесконечной прокрутки

1. что вы подразумеваете под бесконечно прокручиваемым?

2. @Frenchy когда я прокручиваю циклы меню..

3. его снова не очистить .. когда вы находитесь в верхней части меню, что вы делаете? перейти ко дну?

4. @Frenchy посмотрите вопрос еще раз, я добавил демо

5. Я голосую за Веронику Ирвин

Ответ №1:

Обновить

итак, я хотел увидеть возможность locomotiveScroll, и в то же время я нашел быстрое решение вашей проблемы:

я добавил несколько строк в ваш scss: эти строки сбрасывают счетчик на 1

 .resetcounter::before{
    counter-set: menucounter 1 ;
}

Решение здесь: бесконечная прокрутка

Как работает программа?

Логика, по которой я добавляю data-scroll-call="id" шпиона в элемент середины всех элементов меню (5-й здесь)

когда при прокрутке вниз появляется spy ( data-scroll-call="0" for example ), он добавляет новые элементы ( clone jQuery ) в контейнер и увеличивает идентификатор, и я обновляю locomotiveScroll и так далее.

когда прокрутка вверх видит шпиона, программа удаляет все элементы data-scroll-call with id 2

Трудность заключалась в том, чтобы отфильтровать сообщения, которые загрязняют event call список локомотивов, когда он был обновлен, чтобы использовать новый элемент spy

1. его анализ, вы должны перестраивать свой HTML-код каждый раз, когда вы находитесь в нижней части, если хотите бесконечного loop..so вы должны клонировать различные предметы, которые появятся, когда вы прибудете в зону .. если вы не разработали программу, которую показываете, вам будет трудно ее изменить… Это другая логика программы

2. @Ben я нашел решение вашей проблемы

3. @Frenchy не могли бы вы, пожалуйста, сделать из этого кодовое дополнение .. спасибо

4. @Frenchy это потрясающе, но кажется, что между началом второго цикла (началом списка) есть некоторый разрыв или переход. Ты можешь это исправить?

5. я только что добавил   в конце последнего элемента, чтобы сделать разделение видимым .. но вы могли бы отложить