Как остановить скролл в точном месте?

Question

[jertik2]

Событие wheel срабатывает пе через каждые 100px, а то и больше. А мне нужно с точностью до пикселя, чтобы остановить в нужном месте с помощью JS.

Answer 1

[Stalker_RED]

Для этого нужно в операционной системе уменьшить чувствительность колеса до одного пикселя за "тик".
(Подсказка: никто из ваших юзеров не будет заниматься такой фигней.)
Более реальный план: самостоятельно сдвигать скролл когда юзер докрутил приблизительно туда, куда вам нужно.

Comments

[jertik2]

Я это понимаю, но подозреваю, что есть библиотеки, которые эмулируют стандартное поведение попутно вызывая событие на каждый пиксель. Но я не могу ее найти........

[Stalker_RED]

jertik2, юзер крутит колесо. Колесо присоеденено к энкодеру. Чувствительность у энкодера довольно низкая, и потому в операционной системе есть настройка, на сколько пикселей скроллить, когда юзер чуток провернул колесо.

Никакие библиотеки в браузере на каждый пиксель не могут реагировать, потому что этой информации обычно нет ни у мыши, ни у операционной системы. Можно конечно залезть в настройки мыши, и уменьшить скорость скролла на минимум, но так практически никто не делает.

[jertik2]

Можно отменить стандартное действие мыши, скроллить с помощью JS самому по 1px, вызывая каждый раз кастомное событие.
Вот мне нужна такая библиотека

[Stalker_RED]

jertik2, две строчки не тянут на библиотеку, но я могу это написать.
Правда боюсь, что вам не понравится. Это же будет очень медленный скролл.
https://jsfiddle.net/u7qbws9w/

Answer 2

[BooksScriptor]

#elem {
 position: absolute; // ваши параметры
 top: 30px;
 left: 30px;
 
 }
.fixed_elem {
 position: fixed !important; 
 top: 10px !important;  // ваши параметры
 left: 10px !important;
 }

var elem=document.getElementById('elem');
window.onscroll=fixed_scroll;
function fixed_scroll() {
 if(window.pageYOffset > 100) {  // ваша высота
   elem.classList.add('fixed_elem');} else {
    elem.classList.remove('fixed_elem')}
}