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

funkislota
На сайте с 12.05.2010
Offline
137
538

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

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

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

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

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

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

Спасибо!

LEOnidUKG
На сайте с 25.11.2006
Offline
1551
#1
✅ Трастовых площадок под размещение статей и ссылок. Опыт 12 лет! ( https://searchengines.guru/ru/forum/675690 ) ⭐ Купить вечные трастовые ссылки для сайта ( https://getmanylinks.ru/?srh ) ⭐ Ускорение ваших сайтов (WP, Opencart и др.) + Настройка сервера ( https://searchengines.guru/ru/forum/997205 )
funkislota
На сайте с 12.05.2010
Offline
137
#2

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

Хелп ми плиз!

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

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

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

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

Спасибо.

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

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

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

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

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

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

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

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

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

origin.index
можно к навигации (или к body) применять класс, определяющий цвет логотипа и навигации.

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