Как улучшить этот код прокрутки 100 hv?

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
Oldboy
Читатель
Читатель
Сообщения: 9
Зарегистрирован: 23 май 2020, 01:55
Версия Web Builder: 14.2.2
Имя: Oldboy

Как улучшить этот код прокрутки 100 hv?

Сообщение Oldboy » 19 июн 2020, 12:04

Вот код ,который прокручивает поэкранно если у вас контейнеры имеют высоту 100 hv :

<script>
$(document).on('wheel', function(e) {
e.preventDefault();
$('html, body').stop(true).animate({
scrollTop: (e.originalEvent.deltaY > 0 ? '+=' : '-=') + $(window).height() + 'px'
});
});
</script>

Он хорошо отрабатывает, но не хватает плавности анимации. Что надо дописать и куда?

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

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

Как улучшить этот код прокрутки 100 hv?

Сообщение spoon » 19 июн 2020, 12:43

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

$('html, body').stop(true).animate({scrollTop: (e.originalEvent.deltaY > 0 ? '+=' : '-=') + $(window).height() + 'px'}, 1500);

Что то типа этого. Но лучше пример.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

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

Автор Темы
Oldboy
Читатель
Читатель
Сообщения: 9
Зарегистрирован: 23 май 2020, 01:55
Версия Web Builder: 14.2.2
Имя: Oldboy

Как улучшить этот код прокрутки 100 hv?

Сообщение Oldboy » 19 июн 2020, 12:55

spoon, не работает.
Попробовал подключить FullPage.js но он плохо работает с Flex Grid. При скролле не может понять его высоту и промахивается.

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

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

Как улучшить этот код прокрутки 100 hv?

Сообщение spoon » 19 июн 2020, 13:04

Пример делайте и скидывайте.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005


Ответить

Вернуться в «Общие вопросы.»

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

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