Минимальная высота сколлбара, самопис

208
13 июня 2019, 06:40

Всем привет. Пишу тут скрипт для кастомного скроллбара. Есть проблема.

Если высота списка не очень большая, но при этом большое количество текста в области скролла, то высота скроллбара будет очень маленькая.

Пример можно посмотреть тут <---

Пытался увеличивать его каким то множителем. 

    this.scroll.style.height = 
            this.scrollWrap.clientHeight * container.clientHeight / container.scrollHeight * 10 +'px';

Но в таком случае при скролле в самый низ, скролл принимает не правильную позицию. Не могу понять как рассчитать коэффициент для позиционированния скролла. Тот что this.scroll.style.top

Подскажите как правильно реализовать.

Answer 1

Отнял от хода ползунка разницу между высотой скролла заданную через CSS и высотой, которую считает скрипт. И теперь все пиксель в пиксель) 

let scrollHeight = (scrollWrap.clientHeight * scrollVis.clientHeight / scrollVis.scrollHeight);
let scrollTop = (scrollWrap.clientHeight - 30 + scrollHeight) * scrollVis.scrollTop / scrollVis.scrollHeight;
ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте standart-s.com.ua
ТОП-10
READ ALSO
Get JSON API Wordpress?
javascript

Get JSON API Wordpress?

и тут у меня Error

 142
Создание массива в чаилд компоненте
javascript

Создание массива в чаилд компоненте

Мне в child компоненте по методу onClick надо модифицировать массив, который будет передаваться в родитель, а из родителя уже в другой child компонент

 181
помогите разобраться с выводом nodejs express
javascript

помогите разобраться с выводом nodejs express

Появилась новая проблемаСброшу только код сервера и всех

 213
WebExtensions до chrome.runtime.onMessage.addListener не доходят сообщения
javascript

WebExtensions до chrome.runtime.onMessage.addListener не доходят сообщения

Пытаюсь заставить общаться свой testScriptjs с background

 148