Как работает скролл на сайте газпрома?

Question

[jahmalka]

Всем доброго времени суток!
Коллега показал мне сайт газпрома www.gazprom.ru/, мол какой там классный скроллинг. Стала изучать DOM, чтобы понять, как это все работает и, к моему великому удивлению, не заметила вообще никаких динамических изменений! вопрос в студию: какие технологии могут быть задействованы для реализации такого поведения?

Answer 1

[D']

Там ширина контейнера 1850px + используется jQuery animate scrollLeft

Comments

[jahmalka]

да, видимо правда на jQuery scrollLeft построено. спасибо за ответ!

Answer 2

[GreatRash]

Ужасный там скроллинг.

Comments

[vasRmba]

Да уж, повелись на такую гадость... уж в глазах рябит...

[jahmalka]

народ, тут вопрос в технической составляющей) неужели никому не интересна обратная сторона, как это реализовано? и никого не удивляет отсутствие признаков какого-то динамического изменения через javascript например? сказать, что сайт говно каждый может. а может ли кто-то объяснить, как он работает и какие технологии использует?

[GreatRash]

jahmalka: С чего вы взяли, что там нет динамического изменения? Вот тут всё есть: www.gazprom.ru/f/1/global/js-min/main-pack.js поищите по слову scroll или scrollLeft.

[jahmalka]

GreatRash: это я в инспекторе не увидела никаких изменений. спасибо за ответ!

Answer 3

[Alexander]

www.websitecodetutorials.com/code/photo-galleries/...

Не так сложно найти инструкции (5-7 примеры)

Comments

[jahmalka]

Alexander, в примерах по вашей ссылке наглядно прослеживаются динамические изменения атрибута "style" у контейнера. поэтому тут все наглядно и понятно. на газпроме же, если вы проинспектируете элементы, то не заметите каких-либо изменений в стилях и в структуре DOM. отсюда и вытекает вопрос - как же это все работает тогда?