Как сделать плавную прокрутку текста? Чтобы небыло попиксельных скачков
Нужно плавно прокручивать текст. Все примеры которые удалось найти реализуют это через попикселное изменение параметров стиля(типа scrollTop для body).
При медленной скорости прокрутки при такой реализации пропадает плавность, и движение происходит скачками. Посоветуйте технологию при помощи которой это можно реализовать? Может какие-либо продвинутые либы для анимации или может это можно сделать при помощи canvas-а? Предпологаю что это можно реализовать через флеш, но хотелось бы обойтись средствами javascript, html и css... |
Так пробовали?
<marquee direction=up scrollamount=1 scrolldelay=50>текст</marquee> На канвасе тоже можно. По этой ссылке есть пример: Анимация на Canvase |
Цитата:
Цитата:
|
Цитата:
Цитата:
|
Ну какбэ экран состоит из пикселей. =\
Полупиксель можно получить разве что размытием на 2 пикселя - но это выглядит ещё противнее. Энивей - для чтения без напряга авто-сколл противопоказан. Имхо, если уж делать его, то "scroolbyline", т.е. чтобы верхняя строка текста пропадала целиком. |
Лично я, например, не люблю плавную прокрутку.
На ПК отключаю ее в настройках ОС. На планшете\смартфоне сложнее, но там это еще важнее, т.к. сажает батарейку быстрее. А если это будет сделано яваскриптом... наверняка сразу закрою этот сайт (это только это не что-то незаменимое). |
zOdmin, да ну, че ты все в кучу сваливаешь.
Плавная прокрутка - это одно. Это клево, потому что позволяет отследить эту самую прокрутку взглядом и не потеряться. А тут я хз че автор хочет сделать. Видите ли он не доволен что в мониторе мало пикселей. Какую помощь он тут хочет получить - хз.. |
чтобы не было рывков делай как минимум 25 пикселей в секунду либо все таки придется решать на канве.
|
Цитата:
1. Подложить прозрачный дубликат блока с текстом под него. 2. Сдвинуть дубликат вверх на 1 пиксель. 3. Плавно убирать прозрачность с дубликата и наращивать её у оригинала. 4. Сдвинуть прозрачный оригинал на 2 пикселя. 5. ... 6. Profit! =) |
danik.js,
Так я ж не говорю за всех, а только за себя. И лично для меня плавная прокрутка - это потеря ровно столько времени, сколько она занимает. 100мс, 200мс, 300мс - не важно. Можно конечно еще сказать про загрузку проца. Конечно, это копейки, но если проц загружен на 100%, и у браузера по умолчанию обычный приоритет, то прокрутка может даже подлагивать. Или если оперативка кончилась и начался жуткий своп. Но это и правда редкость. А у кого не редкость - можно смело говорить: "купи нормальный комп", и продолжать делать необязательные скрипты. Повторюсь: это просто мое мнение, не более. |
Аналогично, всегда и везде отключаю все эти плавные прокрутки, выезжания, фейды, анимацию и прочую тратящую моё время хрень. Всё должно реагировать настолько быстро насколько это вообще возможно, таково моё предпочтение как юзера.)
|
Цитата:
Мой стандартный юз-кейс: читаю текст, прокручиваю страницу. С плавной прокруткой позицию чтения нахожу моментально. С прерывистой же приходится напрячься чтобы ее отыскать. В файрфоксе да, там как-то убого сделали. Бесит прям. Кастомные скроллбары на js все кривые. Как минимум потому что нет возможности кроссбраузерно определять настроенную в ОС скорость. На хабре недавно постили качественный вариант, основанный на нативной прокутке. И да, меня тоже бесят кривые тормозящие свистелки-поделки, которые горе-сайтостроители ставят потому что думают что красиво и приятно. И на винде у меня отключена половина ненужных эффектов. Но вот плавная прокрутка - это другое. |
Часовой пояс GMT +3, время: 05:47. |