Как ограничить скорость листания страницы?

@trufanov · Регистрация: 08.07.2014

Студворк — интернет-сервис помощи студентам

Всем привет!

Не знаю точно в том ли разделе форума спрашиваю.

В вебвизоре яндекса вижу, что посетитель оказывается на странице со списком товаров и только страница начинает прорисовываться, он начинает листать вниз. Все бы ничего, но это делается слишком быстро. Человек не лезет в меню, игнорирует фильтр товаров, а сразу летит вниз, потом вверх, потом опять вниз.

Хотелось бы в определенный момент таких торопливых тормознуть.

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

Вопрос в том, есть ли какой-нибудь параметр, который содержит в себе частоту листания или что-то подобное. И еще для меня сложнее - чаще по странице летают на смартфонах. Есть ли какой-нибудь параметр, который тыканье пальцем отслеживает?

Если у вас есть другие предложения с интересом их приму.

@Vladislav WebDev · 22.09.2015, 16:31

trufanov, как вариант запретить скролл, пока страница не загрузилась полностью, например http://output.jsbin.com/qafuzineyu :

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>asdf</title>
  </head>
  <body>
    <img src="http://lorempixel.com/401/200" alt=""><br>
    <img src="http://lorempixel.com/400/201" alt=""><br>
    <img src="http://lorempixel.com/402/200" alt=""><br>
    <img src="http://lorempixel.com/400/202" alt=""><br>
    <img src="http://lorempixel.com/400/202" alt=""><br>
    <img src="http://lorempixel.com/403/202" alt=""><br>
    <img src="http://lorempixel.com/400/203" alt=""><br>
    <img src="http://lorempixel.com/404/202" alt=""><br>
    <img src="http://lorempixel.com/400/204" alt=""><br>
    <div class="some">very long block</div>
 
    <script>
      var body = document.querySelector('body');
      var html = document.querySelector('html');
      body.style.height = '100%';
      body.style.overflow = 'hidden';
      html.style.height = '100%';
      html.style.overflow = 'hidden';
      window.onload = function() {
        body.style.height = 'auto';
        body.style.overflow = 'auto';
        html.style.height = 'auto';
        html.style.overflow = 'auto';
      }
    </script>
  </body>
</html>

@trufanov · 22.09.2015, 18:59 **[ТС]**

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

желательно скорость скрола ограничить.

а что если $(document).scrollTop() использовать?

если scrollTop()=500, запоминаем текущее время.

и если scrollTop()=1000, запоминаем текущее время.

из одного времени другое вычитаем и смотрим не мечется ли по странице.

@BANO · 22.09.2015, 19:34

Сообщение от trufanov

запретить скрол не хотелось бы, может хостинг будет тормозить

это как это скрол будет влиять на хостинг?

- давайте будем корабли из металла делать
- нет, небо почернеет

Добавлено через 38 секунд

Сообщение от trufanov

а что если $(document).scrollTop() использовать?

а у вас подключён jquery?

@Vladislav WebDev · 22.09.2015, 20:13

Да так, самым обычным образом. Если сервак тормозит, то и скрол долго не появится.
Хотя с другой стороны, ели сервак тормозить будет, то и контент не сильно заспешит появиться. Так что это такое...

@trufanov · 22.09.2015, 21:26 **[ТС]**

Сообщение от BANO

это как это скрол будет влиять на хостинг?

хостинг на скрол, а не скрол на хостинг.

Сообщение от BANO

а у вас подключён jquery?

да.

Сообщение от Vladislav WebDev

Хотя с другой стороны, ели сервак тормозить будет, то и контент не сильно заспешит появиться. Так что это такое...

я не знаю, относятся ли онлайн чаты к контенту или нет, но если относится, то не загруженный чат заблокирует работу со страницей.
хотел привести пример тормозного чата, но его уже заменили на другой, у наших знакомых стоял, г-но полное, иногда невозможно было даже фильтром по товарам пользоваться.

@Vladislav WebDev · 22.09.2015, 21:39

trufanov, не, я имел в виду статику, типа картинок, скриптов, стилей и прочего контента, которые загружается синхронно.

Новые блоги и статьи Все статьи Все блоги /
Программный отбор значения справочника Maks 21.03.2026 Процедура ВодителиНачалоВыбора(Элемент, ДанныеВыбора, ВыборДобавлением, СтандартнаяОбработка) / / Отключаем стандартную обработку (стандартное открытие формы выбора без фильтров) . . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:

@trufanov 5 / 5 / 2 Регистрация: 08.07.2014 Сообщений: 569

	Как ограничить скорость листания страницы? 22.09.2015, 15:39. Показов 1905. Ответов 6 Метки нет (Все метки) Всем привет! Не знаю точно в том ли разделе форума спрашиваю. В вебвизоре яндекса вижу, что посетитель оказывается на странице со списком товаров и только страница начинает прорисовываться, он начинает листать вниз. Все бы ничего, но это делается слишком быстро. Человек не лезет в меню, игнорирует фильтр товаров, а сразу летит вниз, потом вверх, потом опять вниз. Хотелось бы в определенный момент таких торопливых тормознуть. Как вариант - измерять скорость прокрутки экрана и если она больше, чем такая-то величина, выводить окно с какой-нибудь информацией, например, подсказкой или предложением позвонить/написать. Вопрос в том, есть ли какой-нибудь параметр, который содержит в себе частоту листания или что-то подобное. И еще для меня сложнее - чаще по странице летают на смартфонах. Есть ли какой-нибудь параметр, который тыканье пальцем отслеживает? Если у вас есть другие предложения с интересом их приму. 0

@trufanov 5 / 5 / 2 Регистрация: 08.07.2014 Сообщений: 569
	22.09.2015, 18:59 [ТС]
	совсем запретить скрол не хотелось бы, может хостинг будет тормозить, тогда вообще ничего не посмотришь. желательно скорость скрола ограничить. а что если $(document).scrollTop() использовать? если scrollTop()=500, запоминаем текущее время. и если scrollTop()=1000, запоминаем текущее время. из одного времени другое вычитаем и смотрим не мечется ли по странице. 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	22.09.2015, 20:13
	Да так, самым обычным образом. Если сервак тормозит, то и скрол долго не появится. Хотя с другой стороны, ели сервак тормозить будет, то и контент не сильно заспешит появиться. Так что это такое... 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	22.09.2015, 21:39
	trufanov, не, я имел в виду статику, типа картинок, скриптов, стилей и прочего контента, которые загружается синхронно. 0