Форум Сайтостроение Веб-строительство

Как на сайте Тесла

funkislota
На сайте с 12.05.2010
Offline
188
funkislota
587

Вообщем не кидайте тапками)) С моими весьма скромными знаниями я замахнулась на подобное... Но скажем так, не по своей воле )))))))))

Интересует конкретна эта страница сайта https://www.tesla.com/models

В моем понимании там много фишек, но пока интересует два момента.

1. Вот такая специфическая прокрутка. Мало того что нет вертикального ползунка, так еще и при прокрутке колесиком вниз, как бы идет не простынкой, а кадрами.

2. Левое меню, вот именно такие ползунки с таким эффектом, опять же он покадровый такой.

Вообщем хотя бы как подобное называется, что искать то в интернете?

Спасибо!

LEOnidUKG
На сайте с 25.11.2006
Offline
1773
LEOnidUKG
#1

https://alvarotrigo.com/fullPage/ru/#page3

---------- Добавлено 14.03.2019 в 13:31 ----------

https://www.google.ru/search?client=opera&q=Jquery+css+slide+full+page&sourceid=opera&ie=UTF-8&oe=UTF-8

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
funkislota
На сайте с 12.05.2010
Offline
188
funkislota
#2

Возник такой вопрос, тоже речь о реализации, как на сайте тесла.

Хелп ми плиз!

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

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

ну и боковое навигационное меню тоже надо чтобы меняло цвет...

PS В принципе хрен с ней с верхушкой, там я вышла из ситуации, но вот с боковой навигацией, очень нужно!

Спасибо.

Вывод разных логотипов в Просьба оценить юзабилити и Конкурс на редизайн сайта
S
На сайте с 30.09.2016
Offline
469
Sitealert
#3
funkislota:
Цвет логотипа и боковой навигации должен меняться в зависимости от фона слайда темного или светлого, то есть либо белый, либо черный...
Никак не пойму как это реализовать

Задаёте фон в атрибутах слайда, и в зависимости от значения этих атрибутов изменяете стили других элементов.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#4
funkislota:
Цвет логотипа и боковой навигации должен меняться в зависимости от фона слайда

В тесле логотип прописан для каждого слайда.

inverted - чтобы буквы чёрными были :)

<i class="tds-icon tds-icon-wordmark--inverted tds-icon--jumbo" aria-hidden="true"></i>

При реализации постраничного скроллинга наверняка есть событие, которое срабатывает после завершения прокрутки.

К примеру, в fullpage есть afterLoad.

В зависимости от 

origin.index
можно к навигации (или к body) применять класс, определяющий цвет логотипа и навигации.
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий