Дизайнерский scrollbar

@Tester64 · Регистрация: 22.05.2013

Студворк — интернет-сервис помощи студентам

Гуру, посоветуйте пожалуйста!

Надо разработать СВОЙ вариант скроллбара!
Вроде почти все для этого знаю, кроме...

как отловить ОТПУСКАНИЕ скролла, если я отпустил мышь за пределами "ползунка"?
и
как (и возможно ли) запретить реагировать на чужие он mousemove/mouseenter/mouseleave пока я не отпустил "ползунок", но утащил мышку на другие компоненты?

Основы: делаю ДИВ, внутрь помещаю другой ДИВ-ползунок. Хватаю за внутренний и тащу. Мышка может убежать за пределы полунка или даже внешнего ДИВа скролла. 1) Как отловить отпускание когда я за пределами? mouseup не срабатывает! Подсадить обработчик на всю страницу? А не сломаю чужие обработчики? А можно его снять?
2) когда я "держу" ползунок и вожу мышью за пределами скролла, полунок нормально работает, но... срабатывают чужие компоненты, которые должны реагировать на mouseenter когда я над ними провожу (например "предлагают" себя нажать как кнопки или показывают Hint-всплывающую подсказку). В Делфи можно было "заблокировать" окно передав фокус только одному элементу.

Начал изучать это:
https://github.com/gromo/jquery.scrollbar
Но компонент не маленький (32 кб) и сложный (поддерживает много "лишнего" включая скины и колбэки), а я не знаю ЧТО искать!

@LeniumSoft · 28.03.2016, 12:25

Сообщение от Tester64

Как отловить отпускание когда я за пределами? mouseup не срабатывает! Подсадить обработчик на всю страницу?

Тебе надо не ловить эвенты вне, а заставить все эвенты идти только в твои обработчики!

https://developer.mozilla.org/... setCapture

@Tester64 · 28.03.2016, 13:12 **[ТС]**

Сообщение от LeniumSoft

Тебе надо не ловить эвенты вне, а заставить все эвенты идти только в твои обработчики!

примерно понял, но не получается в jQuery! Похоже пример для чистого javascript!

@LeniumSoft · 28.03.2016, 13:21

Сообщение от Tester64

но не получается в jQuery! Похоже пример для чистого javascript!

Дык..

JavaScript
1
 $(/*селектор*/)[0].setCapture(true);

Добавлено через 5 минут

Сообщение от Tester64

но не получается в jQuery!

Или есть ещё такой вариант: https://github.com/benanne/jqu... ure-plugin

@Tester64 · 28.03.2016, 22:06 **[ТС]**

Сообщение от LeniumSoft

Или есть ещё такой вариант

хорошо сработало! то что надо!

Сообщение от LeniumSoft

$(/*селектор*/)[0].setCapture(true);

никак!

пишет "$(...).setCapture is not a function"

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Tester64 420 / 357 / 47 Регистрация: 22.05.2013 Сообщений: 2,518

	Дизайнерский scrollbar 28.03.2016, 12:12. Показов 1407. Ответов 4 Метки нет (Все метки) Гуру, посоветуйте пожалуйста! Надо разработать СВОЙ вариант скроллбара! Вроде почти все для этого знаю, кроме... как отловить ОТПУСКАНИЕ скролла, если я отпустил мышь за пределами "ползунка"? и как (и возможно ли) запретить реагировать на чужие он mousemove/mouseenter/mouseleave пока я не отпустил "ползунок", но утащил мышку на другие компоненты? Основы: делаю ДИВ, внутрь помещаю другой ДИВ-ползунок. Хватаю за внутренний и тащу. Мышка может убежать за пределы полунка или даже внешнего ДИВа скролла. 1) Как отловить отпускание когда я за пределами? mouseup не срабатывает! Подсадить обработчик на всю страницу? А не сломаю чужие обработчики? А можно его снять? 2) когда я "держу" ползунок и вожу мышью за пределами скролла, полунок нормально работает, но... срабатывают чужие компоненты, которые должны реагировать на mouseenter когда я над ними провожу (например "предлагают" себя нажать как кнопки или показывают Hint-всплывающую подсказку). В Делфи можно было "заблокировать" окно передав фокус только одному элементу. Начал изучать это: https://github.com/gromo/jquery.scrollbar Но компонент не маленький (32 кб) и сложный (поддерживает много "лишнего" включая скины и колбэки), а я не знаю ЧТО искать! 0

Дизайнерский scrollbar

Решение