Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
0 / 0 / 0
Регистрация: 10.01.2021
Сообщений: 2

Как сделать переход между секциями

10.01.2021, 14:24. Показов 2853. Ответов 1

Студворк — интернет-сервис помощи студентам
Есть сайт - http://ux-tech.ru/ и мне нужно чтоб при скролле страницы на 20% процентов перекидывало в нижнюю секцию, и её появление происходило как бы из "круга" как на этой гифке:

Анимация.zip
Любым способом

Как пример сайт https://aquarium.ru,
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
10.01.2021, 14:24
Ответы с готовыми решениями:

Как написать переход между первыми двумя секциями при прокрутки колесика мыши
Добрый день, есть разделы сайта: <header id="header" class="header"> <section id="contacts" class="contacts"> <section...

Переход между секциями
Помогите плз не могу сделать такие переходы кто знает как?

Как сверстать такие переходы между секциями?
Добрый день. Интересует вопрос, как сверстать вот такие неровные переходы между секциями? Было бы вообще замечательно, если...

1
 Аватар для web_coder2
755 / 359 / 100
Регистрация: 04.10.2018
Сообщений: 548
10.01.2021, 16:15
Лучший ответ Сообщение было отмечено SpR1nG как решение

Решение

Привет SpR1nG,

https://aquarium.ru круто сделан, используется Canvas + WebGL + THREE 3d library

3д Сцена и путь камеры создавались в 3д редакторе.

В html css js сделать такой сайт как Ваш без canvas и WebGL можно, он будет работать как слайдер, конечно готовых таких слайдеров нет наверное так как нужно будет в js описывать движение каждого элемента на странице при событии scroll.

нашел слайдер с похожим эффектом zoom-slider
Тут используется похожий эффект без канваса
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.01.2021, 16:15
Помогаю со студенческими работами здесь

Как сделать переход между сцен
Понимаю, тупой вопрос, но как сделать что бы когда персонаж достигал нужной платформы, он плааненько переходил на другой уровень. Напишите...

Как сделать переход между textbox?
У меня есть 5 textbox и есть массив из 5 элементов. Нужно занести программно в виде цикла в соответствующий textbox нужный элемент. ...

Как сделать переход между toolstrip?
Мне нужно, чтобы при нажатии на toolstrip вкладку открывалась другая форма. Как это реализовать?

Как сделать переход между формами?
Подскажите как сделать так что при нажатии на ЛКМ и движении курсора в лево открылась другая форма. Сделать что то похожее на слайд иконок...

Как сделать автоматический переход между ТекстБоксами
Как мне сделать автоматический переход между 4х TextBox(ов)? В каждом TextBox(е) вводится 1 цифра. Т.е если ввел цифру автоматически...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru