Я работаю с Vue и Laravel и пытаюсь дать прокручиваемому горизонтальному контейнеру несколько точек для навигации.Я не могу использовать ни jQuery, ни внешние пакеты или компоненты - я просто ищу чистый javascript и CSS.
Я отображаю список div с текстовыми областями и значками, которые можно выбрать.По сути, я хочу, чтобы что-то выглядело почти так же, как в этом примере: https://jsfiddle.net/darcher/dLmyhgzq/249/, но с моими элементами div (которые я назвал message) в этой форме (очевидно, псевдокод)
<div v-for(every 3 message in messages)>
<navigation-dot></navigation-dot>
</div>
.. но без использования scrollspy, если это возможно (в моих ссылках нет ссылок или ссылок, поэтому я хотел бы попробовать альтернативное решение, не включающее ссылки, если это возможно).Кроме того, мой список включает опции для добавления или удаления div во время выполнения, поэтому точки навигации (и любые hrefs / ID) должны будут обновляться каждый раз.
Я использую загрузчик, и я попробовал<b-carousel> но это было глючно, а не решение, которое я искал (как в демонстрации, у меня есть три элемента рядом без разрывов страниц / слайдов, и я не могу найти несколько элементов <b-carousel> примеровонлайн).
Кто-нибудь знает какие-либо не-jquery решения для кодирования этого решения?Любое руководство будет оценено, поскольку я некоторое время искал реализацию горизонтальной навигации.Спасибо.