Забыли упомянуть, что нужно обязательно выставить auto в настройках overflow, чтобы работало на мобилках. Спасибо за гайд! P.S. После настройки "auto" в пк версии появляется противный ползунок. Если он режет глаз - скопируйте блок и настройте, чтобы без auto отображалось на десктопах, а с ауто - на остальных устройствах
Супер, отличное видео! Но вопрос: почему может возникать проблемы в мобильной версии? На одном сайте все норм, скролит. На другом в компьютерной версии норм, в мобильной - не работает.
Можно ли сделать тоже самое, только вместо курсора поставить две стрелки по краям центрального изображения и сделать типа слайдера, чтобы при нажатии на стрелку происходило смещение на одно изображение?
Почему у меня появляется вертикальная полоска прокрутки при скролле на экаранх меньше 1200px? И мало того, я захватив мышкой экран, еще и могу вверх в низ скроллить пикселей на 20. У тебя в примере не увидел вертикальной полоски =/
Спасибо за видео! Не подскажешь, как сделать, чтоб полоска фото автоматически бесконечно прокручивалась до взаимодействия с ней, чтоб фото тихо плыли сами?
Привет, а ты сталкивался с тем, что в яндекс браузере очень долго подгрудается скрипт? В гугле и сафари все ок, в яндексе состариться можно, пока он оживет
Как зафиксирвать другие элементы например заголовок или фото на bg чтоб они не скролились? Хочу чтоб можно было скролить только фотками которые стоят више по слоям
Привет! А можно ли как-то сделать так, чтобы карточки были кликабельные? Если им ссылку присваивать, то при попытке прокрутки происходит сразу переход по ссылке на карточке.
@@webmarina да и так можно сделать стандартно в тильде выставляя в опциях визбл хиден ), но это реально за 1 минуту , а не геморроиться с фиксацией по горизонтальному скроллу если речь идет о нём, когда куча элементов и они находятся на разных высотах, там начинается треш в подгоне по пикселям
вставил видео, но нельзя скролить поверх видео... жаль. мне эти блоки зачем нужны? картинки туда вставить? ну такое. мне видео надо сделать при скролле
Если не ставишь overflow: auto , то в мобильной версии не работает Если ставишь overflow:auto,то появляется стандартная навигация браузера для скрола блока, которая выглядит очень не красиво и не понятно как сделать вот такую навигацию taplink.cc/via.invest
Спасибо за видос! А как отключить горизонтальный drag? И можно ли как-то отключить полосы прокрутки в хроме? Кто-то ещё сталкивался с кривым отображением в хроме?
Нашёл один косяк и не понимаю как его исправить, на десктопе данный скролл работает только если страница полностью прогрузилась. Если страница имеет много данных в начале, а скролл где нибудь в середине, он не будет работать пока не догрузится всё полностью. Кто-нибудь решил это?
спасибо за видеоурок, код встал, все отлично) Но возникла небольшая проблема, данный скрол использовал под карточкой товаров, типа внизу карточки товара имеется скрол с товарами которые будут интересны, и прои скроле при нажатии мышкой чтобы заскролить открывается тот товар на который было наведена мышка, как избавиться от ътой проблемы???надеюсь понятно написал))))))
Спасибо тебе дружище! все просто и супер работает, но как сделать чтобы оно автоматически листало по кругу, можно ли как-то это сделать? я совсем нуб в коде...
Привет, много сайтов услуг используют yclients , на тильде его многие реализуют со стандартной кнопкой записи в правом нижнем углу, буду признателен и наверное не только я, если научишь в одном из видео заменять ее на свою кнопку. Думаю многим будет полезно, не нашёл подобного, много что перерыл, но реализацию подобную видел, к примеру у барбершопов бородач и топ ган.
Скажите, пожалуйста, а как можно сделать, чтобыкак обычная галерея была (по бокам кнопки с переключением фото), а под этими фото был один текст? Я так понимаю стандартный блок галереи не подойдёт, а снизу просто блок с текстом добавить, так как нужно, чтобы фото были чуть поменьше - не так как в стандартных блоках.
Добрый день! Что-то случилось с кодом, до этого прекрасно работало (спасибо вам!), но сейчас появляются серые полосы (если ставить overflow auto) и только тогда можно прокрутить на дектопе, а вот на hidden курсор меняется, но данные не прокручиваются.
Друзья, помогите разобраться) Когда оверфлоу - хиден, десктоп - работает, мобила - нет. Ставишь оверфлоу-авто, мобила работает, а на десктопе появляются бегунки горизонтальные и вертикальные. Можно от них как-то избавиться, чтоб не дублировать зероблоки под разную ширину экрана?)
Можно установить css’ом для устройств с размером менее 1200 оверфлоу авто. Вроде, это должно сработать: @media and screen (max-width:1200) { #rec99999999 .t396__artboard { overflow:auto !important; } }
Спасибо за урок! А можно ли такую штуку провернуть, если такой слайдер находится не в отдельном зеро блоке, а весь лендинг сделан одним целым зеро блоком (к сожалению так нужно), и посреди этой страницы предусмотрен такой слайдер. Можно ли к нему тогда обратится как-то или нет?
Спасибо за контент) Есть ли сейчас делать смягчение скролла так, чтобы работало и с тачпада? Один скрипт есть в тильдошной , но работает он в лучше м случае с рывками. Заранее спасибо;)
у меня появилась проблема, блоки которые видимы на экране отображаются хорошо. Но блоки которые стоят за экраном, и появляются при скроле не правильно отображаются. А точнее фотки не прогружаются. Но стоит сделать скрол в низ, то они сразу же подгружается?( как это исправить?
Можно ли использовать этот эффект на нескольких блоках в пределах одной страницы? Сделала два штмл блока и к каждому поставила свой айди блока, который хочу заанимировать. Первый работает отлично, а второй не двигается, хотя и появляется курсор. Можно ли это как-то реализивать?
Боже! Я тебя люблю!!!! Я не пи***р но тебя люблю XD как раз проект у меня со слайдом похожим! Сейчас использую от тильдошной, но там не то что нужно было!))
Открыл видео, хотел предьявить за название, дескать, почему именно у тебя лучший горизонтальный скролл для Тильды, а там, действительно, одна строчка яваскрипта, грубо говоря😂
@@design_scripts спасибо, что ответили, но с этим всё в порядке. Я поменяла "overflow - visible" на "hidden" и все заработало:) Спасибо большое за урок!