Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.05.2017, 19:16
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

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



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

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

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

Последний раз редактировалось Lemme, 19.05.2017 в 09:46.
Ответить с цитированием
  #2 (permalink)  
Старый 19.05.2017, 12:27
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

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

Последний раз редактировалось Lemme, 19.05.2017 в 12:33.
Ответить с цитированием
  #3 (permalink)  
Старый 19.05.2017, 12:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Lemme,
не понимаю как в примере, но есть способ добавлять padding-bottom к body равный ширине горизонтального блока, который плавно перетекает в padding-top body, когда горизонтальный блок на экране и блок как-бы "стоит" на месте и можно прокрутить горизонтально.
и есть плагины, надо искать.
Ответить с цитированием
  #4 (permalink)  
Старый 19.05.2017, 13:07
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

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

Последний раз редактировалось Lemme, 19.05.2017 в 13:16.
Ответить с цитированием
  #5 (permalink)  
Старый 19.05.2017, 13:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

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

https://alvarotrigo.com/fullPage/ext...izontally.html
Ответить с цитированием
  #6 (permalink)  
Старый 19.05.2017, 13:58
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

рони, спасиб, попробую.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Горизонтальный скроллер с неизвестной шириной внутреннего блока emptyindorill jQuery 15 22.01.2015 12:46
горизонтальный скроллинг в ListBox (<select ../>) Vglaz (X)HTML/CSS 1 09.09.2011 09:02
Скроллинг с задержкой vladpro Работа 1 24.01.2011 22:12
горизонтальный скроллинг в js Antonina_Yakunina Элементы интерфейса 2 15.06.2010 16:26
горизонтальный скроллинг при движении мышки flexpro Общие вопросы Javascript 9 25.07.2008 14:12