Как сделать изогнутый скроллбар на javascript?

Друзья, как сделать изогнутый скроллбар на javascript?
Может есть плагины или наработки (или мысли), как его можно сделать?

Вот как должен выглядеть:

2e4f0e7cd6bf5d7c75054c4783462057.jpg
Спасибо
  • Вопрос задан
  • 2938 просмотров
Пригласить эксперта
Ответы на вопрос 3
itspers
@itspers
Ну разве что спрятать обычный, кссом нарисовать такую фигню, в виде куска гигансткого круга с бордер радиусом. Чтоб кссом менять ему прогресс. Потом повесится на событие скролла и менять этот прогресс пропорционально scrollTop. А потом еще драг какой-нить повесить, чтоб курсором скролить.
Вряд ли кто-то такого готовое где-то найдется, кому бы оно пришло в голову делать. Но в общем виде реализуемо.
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Делаем картинку самого бара с прозрачной кривой линией скролла. Помещаем его в div с fixed. Под нее помещаем div нужного цвета, задаему ему z-индекс ниже, чем у дива с баром. После этого регулируем позицию дива под скроллбаром в зависимости от положения на странице.
Должно сработать, как Вы думаете? )
Ответ написан
@Undrooleek Автор вопроса
На картинке выше показана дуга. Это и есть вид предполагаемого скроллбара. Бледно-синеее вверху это бегунок
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы