Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скроллинг (горизонтальный+вертикальн ый) (https://javascript.ru/forum/dom-window/68939-skrolling-gorizontalnyjj-vertikaln-yjj.html)

Lemme 18.05.2017 19:16

Скроллинг (горизонтальный+вертикальн ый)
 
Помогите с этим скроллом, уже 3й день мозг кипит
Некоторые блоки скролятся горизонтально, но при этом - браузерный скролл тоже скролится, а блок, который скролится горизонтально должен как то фиксироваться



Как на этом сайте http://enso.readymag.com/architects-own-houses/

Перепробовал кучу вариантов уже, вот последний, который делал (не работает)
https://codepen.io/lemme/pen/rmZMJP?editors=0010

Может кто-то делал, или знает как сделать этот "надоедливый" скролл...

Lemme 19.05.2017 12:27

Ход мыслей хоть правильный?

рони 19.05.2017 12:44

Lemme,
не понимаю как в примере, но есть способ добавлять padding-bottom к body равный ширине горизонтального блока, который плавно перетекает в padding-top body, когда горизонтальный блок на экране и блок как-бы "стоит" на месте и можно прокрутить горизонтально.
и есть плагины, надо искать.

Lemme 19.05.2017 13:07

рони, поидее это будет адски тормозить на моб девайсах, поэтому сначала делал с translate3d, сейчас пробую добавлять гор. блоку position fixed, а горизонтально его прокручивать тем же tanslate3d - ибо были рывки на моб девайсах :(

рони 19.05.2017 13:30

Lemme,
https://johnpolacek.github.io/superscrollorama/

https://alvarotrigo.com/fullPage/ext...izontally.html

Lemme 19.05.2017 13:58

рони, спасиб, попробую.


Часовой пояс GMT +3, время: 11:04.