Копировать быструю прокрутку Android в Javascript

Question

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

Функция, похожая на «быструю прокрутку» на Android или аналог на iOS, была бы очень удобнойт. е. ручка на боковой части экрана для быстрой прокрутки по странице, возможно, отображающая текущую позицию рядом с ней.

Ничего подобного, похоже, уже не существует, поэтому, прежде чем я начну пытаться реализовать ее самостоятельно,мои вопросы:

Учитывая ограничения Javascript и мобильных браузеров, возможно ли это?
Если да, как бы я примерно поступил так?

Answer 1

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

Надеюсь, это поможет ...

Answer 2

Вы правы, полагая, что это не то, что будет легко реализовано. Мои два цента:

1) Вы можете попытаться справиться с использованием комбинации CSS и JS, чтобы получить "статический" div, который устанавливает свою позицию на основе $ (window) .scroll - но это был мой опыт использования scroll () не работает ... так или иначе ... в разных браузерах ... это просто плохо.

2) Вы также можете попробовать использовать полноэкранный контейнер DIV с дочерним DIV 'content', у которого есть переполнение: hidden и margin-top установлены в "-ScrollAmount" ... MaxScrollAmount из $ ('# content) «) .height ();

Очевидно, я рекомендую второй подход: полностью избегая прокрутки ().

Дайте мне знать, если мне нужно более подробно остановиться на этом, чтобы он был подходящим ответом.