Как стать автором
Обновить

Комментарии 28

А мне понравилось. Идея, как на меня, проста и хороша.
Как на счет бесконечных списков?

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

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

P.S. в демке хоть шрифт поменяйте, ну выглядит страничка так себе…

Ну, дизайн — не моя сильная сторона) Кстати, не знаю, на телефоне вроде тоже нормально) Это как идея и концепт больше.

Наоборот на мобильных устройствах, можно сделать так чтобы скроллбар отображался при свайпе от правого края, что будет намного удобнее
Свайпы от края часто резервируются браузерами. А-ля вперёд/назад.
Такая проблема действительно встречается периодически.
Но я вот не хочу, Чтобы на моём сайте решение этой проблемы занимало 5 пикселей справа на всю высоту экрана. Сдаётся мне, что это решение больше подходит для мобильной версии при условии совмещения его с боковым меню типичным для андроид приложений.

Если действительно есть желание потратить на это время, то я бы советовал двигаться в этом направлении.
Отличная идея, полезный скрипт. Мне кажется, имеет смысл добавить доп. класс для активного блока.
Спасибо, обновлюсь. Для своего сайта, где я его использовал, я выпилил CSS из скрипта, всё же это тоже не комльфо.

:) Это тоже не трудно было сделать.


Теперь можете писать вот так:


CleverScrollbar.load({
  loadStyles : false
})
Пасибо.
Ерунда какая-то. Недостаточно .js Нужно больше .js Автор не слышал про html-якоря?

Ну да, я слышал что такое якоря. Только как они решают указанную мною проблему? Вы статью точно внимательно читали? Вот читаете вы статью какую-то очередную на хабре, находитесь где-то в её теле. Теперь вопрос: как вы с помощью html-якорей быстро узнаёте о том, сколько процентов от всей статьи вы в данный момент прочитали, и когда начнутся её комментарии?

функционал ради функционала.

хорошую статью — читаешь от и до. не смотря сколько там еще осталось почитать.
плохую статью — закрываешь не дочитав первый абзац.

КГ/АМ
Теперь вопрос: как вы с помощью html-якорей быстро узнаёте о том, сколько процентов от всей статьи вы в данный момент прочитали, и когда начнутся её комментарии?

Теперь вопрос — зачем мне это знать?

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


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

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

Смысл в том что ты видишь карту блоков страницы) Переход вверх вниз — это как?

Я имею ввиду переход по странице. Просто видеть карту блоков как по мне мало, лучше сделать типа замены скролбара (т.е. чтобы нажатие на какой-то части блока вело к переходу в эту часть блока).

Так оно ведь сейчас так и работает) Клик по блоку перекидывает на начало этого самого блока. Попробуйте. Может просто не заметили.

Я не про переход в этот блок, а про переход в нужную часть блока. Ну вот нажали Вы на середину блока — и перевело отображение на эту середину блока. Самое просто, разбить каждый блок на n частей. И клик по каждой части будет вести на нужную часть блока.

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

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

На какой части находится ваш скролл, отображает ваш нативный браузерный скролл :)) Изначально я добавил туда реально ещё один скролл. Но потом понял, что в этом нет никакого смысла: он почти один в один копирует браузерный по своему положению. В общем, как я написал в статье: это не замена браузерному скроллбару, а скорее дополнение к нему.

Как-то для решения подобных проблем я написал свою библиотеку viewport.js

Очень круто :) Спасибо за ссылку.

Классная штука. Его можно сделать тоньше, но более насыщенным.

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.