Возможно ли запретить скролл, но оставить полосу прокрутки?

Question

[Артур Кудашев]

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

Answer 1

[Алексей Ярков]

document.addEventListener('wheel', function (e) {
  e.preventDefault();
  const {deltaY} = e;
  
  if (deltaY < 0) {
  	console.log('UP');	
  } else {
	  console.log('DOWN');
  }
}, {passive: false});

Так?

Comments

[Артур Кудашев]

Алексей Ярков, именно то, что мне надо.

[Алексей Ярков]

Артур Кудашев, рад что помог ))

[Артур Кудашев]

Алексей Ярков, еще вопрос. Я пытаюсь изменить скролл через js, но не получается document.documentElement.scrollLeft += 20; Можетна телефоне по другому работает скролл?

Answer 2

[SagePtr]

К примеру, сделать полосу прокрутки div'ом, или на самый худой конец, нарисовать её на canvas. И изменять положение/перерисовывать при определённых событиях.