Kinetic ScrollBar

[Wo1f]

При управлении мышкой — это не смотрится… Такого же эффекта как на Тач устройствах не получаешь… Мышь слишком быстро передвигается… А ваш скролл бар гораздо быстрее останавливается… Ощущается совсем другое чувство… Не «привлекательная» физика тут получается… Некрасиво…

Пояснение. Ход мышки гораздо больше и быстрее нежели ход пальца по тач экрану… Именно поэтому получается не получается того же эффекта.

[Wo1f]

Хотя сама идея интересна… Если добавить возможность прокрутки «колесиком», то будет интересно и удобно… Велдь когда крутят скролл курсором, то обычно крутят быстро, а не по чуть-чуть.

[busman]

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

[spmbt]

Области применения — любая графика (карты, картинки, галереи, карусели, 3D). И это делают. На ползунках сразу появляется мысль о необходимости деления на коэффициент уменьшения масштаба скроллбара к масштабу полотна. Ведь смысл движений — в синхронности движений руки и полотна (ленты).

[run4way]

Это действительно удобно при управлении пальцами или стилусом и довольно забавно при прокрутке мышкой.
А что в этом удобного? Пальцами никогда не управлял подобными вещами, но мышкой — это ужасно. Обычно при скроллировании я мельком смотрю и останавливаю скролл, когда вижу то, что искал. Зачем мне инерция в этом случае? Честно говоря, не считаю такое поведение удобным. А красивым может быть и да.

[zerkms]

Для пальцев такое поведение действительно удобно. Потому что крутить колесо мыши вы можете бесконечно, а для прокручивания пальцем у вас есть ограниченное по высоте (ширине) пространство.
Так что вы со всей силы крутите вверх, и пока оно продолжает крутиться по инерции — повторяете действие.

Если бы инерции не существовало — то вы стёрли бы пальцы, пока пролистали бы длинный список

[run4way]

Действительно. Однако на тач-устройствах, мне кажется удобным такое поведение — провел пальцем, началась автопрокрутка в зависимости от скорости проведения пальца, тыкнул еще раз, резкая остановка. Но такое не сработает, если надо пролистать совсем чуть-чуть.

[stas_agarkov]

К чему эти красивости? Я против. Да и не совсем похоже на тачпад смартфонов.

[tyr]

А мне нравится: я правда не мышью скролю, а с планшета и там механика схожая на перетаскивание пальцем — ограниченное вертикальное пространство и движение рукой. Программа даже стоит для такого скрола :)

[Seldon]

Пожалуй соглашусь для десктопа вещь не нужная. Ну и вы бы хоть код оформили в пригодном для употребления виде )) или плаги уж писать если jq используете ну или как «класс».

[busman]

Несколько озадачен, почему при наличии jQuery вы используете длинное описание:

document.getElementById('thumb').setAttribute('onDragStart', 'return false');

При том, что уже объявлена переменная $thumb. Рабочим вариантом будет и

$thumb[0].setAttribute('onDragStart', 'return false');

[rvsob]

Тогда уж:
$thumb.bind('dragstart', function() { return false; });
или
$thumb[0].addEventListener('dragstart', function() { return false; });

[B_Vladi]

Или

$thumb.bind('dragstart',  false);

[rvsob]

Не стал это писать из-за того, что только в довольно свежих версиях jQuery доступно.

[kibizoidus]

Вы не правы.
github.com/jquery/jquery/commit/b264f789b9a6995ad0e7eec6771fafa852717571
Судя по этому коммиту, .bind() используется аж с древнего (как для jQuery) 2007-го года.

[rvsob]

Я не про bind, а про false;

[Borro]

In jQuery 1.4.3 you can now pass in false in place of an event handler. This will bind an event handler equivalent to: function(){ return false; }. This function can be removed at a later time by calling: .unbind( eventName, false ).

api.jquery.com/bind/#event-handlers

[Nodlik]

Спасибо за замечение, исправил.

[Illorian]

Что-то у меня возникло странное чувство, что я недавно видел похожую статью на хабре. Только там было красивее…