Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
anton_trofimov95
@anton_trofimov95
JavaScript
HTML
CSS
Как верстаются подобные штуки?
Честно говоря, не знаю, как такое верстать? Может кто подсказать или есть ссылка на похожее? Статья, сайт и т.д.
Вопрос задан
более трёх лет назад
354 просмотра
Комментировать
Подписаться
3
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
5
Александр Лебедев
@alex2pac_vasiliev
Product Designer
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
hzzzzl
@hzzzzl
несложно, анимировать сам слайдер будет интереснее
snippet
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
anton_trofimov95
@anton_trofimov95
Автор вопроса
Это при прокрутке точка закрашивается, количество точек равно количество блоков. Как вот это делается?
Написано
более трёх лет назад
Одиночка Айс
@daemonhk
ПсиХоПат
Это обычный slick slider, скажем, просто с точками поколдовать нужно немного))
Ответ написан
более трёх лет назад
4
комментария
Нравится
4
комментария
Facebook
Вконтакте
Twitter
anton_trofimov95
@anton_trofimov95
Автор вопроса
Да это не слайдер. Это прокрутка
Написано
более трёх лет назад
Одиночка Айс
@daemonhk
anton_trofimov95
, прокрутка чего? В смысле там можно колесом мыши прокрутить все блоки с фотками?
Написано
более трёх лет назад
anton_trofimov95
@anton_trofimov95
Автор вопроса
Не, эти точки fixed и ты сайт прокручиваешь, до второго докрутил блока, точка закрасилась вторая, до третьего третья и тд и обратно также
Написано
более трёх лет назад
Одиночка Айс
@daemonhk
anton_trofimov95
, ааа, тогда подойдет плагин, а ля fullPage, но вам он не подходит почему-то
Написано
более трёх лет назад
Ярослав Александров
@alexyarik
Битрикс разработчик
Вот пример
https://alvarotrigo.com/fullPage/#page1
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
anton_trofimov95
@anton_trofimov95
Автор вопроса
Это поэкранная прокрутка и это плагин
Написано
более трёх лет назад
Ярослав Александров
@alexyarik
anton_trofimov95
, ну тогда ищите примеры вертикальных слайдеров, типа такого
https://codepen.io/simonpatrat/pen/JKkqRr
или такого
https://codepen.io/sterion/pen/YxNjdz
Написано
более трёх лет назад
anton_trofimov95
@anton_trofimov95
Автор вопроса
Как сделать подобный эффект при прокрутке?
- вот ответ. Но всем спасибо, что показали, как слайдеры можно сделать
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
4 часа назад
19 просмотров
0
ответов
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
7 часов назад
31 просмотр
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
8 часов назад
93 просмотра
2
ответа
JavaScript
Простой
Используют ли сейчас повсеместно class?
1 подписчик
9 часов назад
100 просмотров
1
ответ
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
вчера
145 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как указать путь в JS к json-файлу, чтобы он учитывался при сборке (parcel js)?
1 подписчик
вчера
51 просмотр
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
121 просмотр
0
ответов
JavaScript
+1 ещё
Простой
Как перевести vanilla js класс в react среду?
1 подписчик
29 мар.
89 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
113 просмотров
3
ответа
JavaScript
Простой
Как сравнить элементы одного массива с элементами другого массива?
1 подписчик
28 мар.
101 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама