Убирание прокрутки карусели на мобилах

Разные полезности для сайта, от сторонних разработчиков.
Ответить
Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1361
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Убирание прокрутки карусели на мобилах

Сообщение Gudwinn » 06 апр 2019, 13:05

Приветствую, дорогие друзья и коллеги! На данный момент очень популярны квизы, сайты опросники, и как известно, проще всего собирать квиз на карусели, однако в ней есть подвох, на мобилах и планшетах, можно пролистать слайды карусели, то есть нарушить поэтапность опроса. Теперь с этим нет проблем, очень простое решение, позволяет этого избежать, достаточно в исходнике страницы, до body установить этот маленький код

Код: Выделить всё

<script>
$('.frame').on('touchmove', function(event) {
return false;
});
</script>
, надеюсь такая простая штука, облегчит наш общий труд)))
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Реклама
Аватара пользователя

lelik
Подающий надежды
Подающий надежды
Сообщения: 137
Зарегистрирован: 02 ноя 2013, 07:59
Версия Web Builder: 12.5
Контактная информация:

Убирание прокрутки карусели на мобилах

Сообщение lelik » 06 апр 2019, 15:10

Gudwinn как всегда на высоте!!! Спасибо большое , дружище!!!

Аватара пользователя

mocktel
Втянувшийся
Втянувшийся
Сообщения: 64
Зарегистрирован: 05 окт 2018, 23:22
Версия Web Builder: 12.5

Убирание прокрутки карусели на мобилах

Сообщение mocktel » 07 апр 2019, 18:50

Спасибос самое то для лейдинга

Аватара пользователя

stedivid
Втянувшийся
Втянувшийся
Сообщения: 65
Зарегистрирован: 11 мар 2017, 08:54
Версия Web Builder: 14.2
Имя: Виталий

Убирание прокрутки карусели на мобилах

Сообщение stedivid » 08 апр 2019, 22:40

СПАСИБО!!!
Очень нужное решение вопроса
Я не волшебник, я только учусь

Аватара пользователя

Cheririna
Интересующийся
Интересующийся
Сообщения: 29
Зарегистрирован: 30 июн 2018, 21:34
Версия Web Builder: 14.2.2
Имя: Ирина

Убирание прокрутки карусели на мобилах

Сообщение Cheririna » 09 апр 2019, 03:13

Gudwinn, Спасибо!
вы прямо как из песенки
"Заветных три желания исполнит мудрый Гудвин"

Аватара пользователя

eneibl
Интересующийся
Интересующийся
Сообщения: 28
Зарегистрирован: 01 дек 2014, 15:22
Версия Web Builder: 12.0.0

Убирание прокрутки карусели на мобилах

Сообщение eneibl » 18 май 2019, 10:12

Есть небольшая проблемка - если карусель по высоте большая и занимает весь экран телефона, то невозможно проскролить страницу дальше вниз.

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1361
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Убирание прокрутки карусели на мобилах

Сообщение Gudwinn » 18 май 2019, 12:01

Хм... спасибо, что то придумаю когда будет время, но Вы не забывайте, это решение, для всплывающих в основном опросников, он априори не может быть на весь экран
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

spoon
Специалист
Специалист
Сообщения: 1012
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Убирание прокрутки карусели на мобилах

Сообщение spoon » 21 май 2019, 07:09

eneibl, попробуйте так, если высота блока больше экрана то включаем прокрутку иначе блокируем

Код: Выделить всё

$('.frame').on('touchmove', function(event) {
$(this).height() >= $(window).height() ? false : true;
});
Съешь ещё этих мягких французских булок, да выпей чаю!

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1361
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Убирание прокрутки карусели на мобилах

Сообщение Gudwinn » 21 май 2019, 07:32

spoon, Просто смысла в этом так же не будет, ну сможет он выше -ниже блок пальцем управлять, но возможность перелистывания слайдов нежелательная, так же останется. Я потом по осям Х Y поиграюсь, просто пока некогда
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

eneibl
Интересующийся
Интересующийся
Сообщения: 28
Зарегистрирован: 01 дек 2014, 15:22
Версия Web Builder: 12.0.0

Убирание прокрутки карусели на мобилах

Сообщение eneibl » 21 май 2019, 14:07

Да, тут идеально было бы, например что бы по горизонтали не скролилось, а по вертикале работал скролл.


Ответить

Вернуться в «Полезное для сайта.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость