Блог

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

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

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

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

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

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

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

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

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

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

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