Как сделать чтобы при наведении на блок не скроллило?

Чтобы предотвратить скроллинг при наведении курсора на блок веб-страницы с использованием JavaScript, можно добавить обработчик событий mouseenter и mouseleave для этого блока. При наведении курсора будем запрещать прокрутку страницы, а при уходе курсора – разрешать.

Вот пример кода:

// Находим блок, на который не должно быть скроллинга при наведении
const block = document.getElementById('blockId');

// Функция для отмены скроллинга
function preventScroll() {
  document.body.style.overflow = 'hidden';
}

// Функция для разрешения скроллинга
function allowScroll() {
  document.body.style.overflow = 'auto';
}

// Добавляем обработчики событий
block.addEventListener('mouseenter', preventScroll);
block.addEventListener('mouseleave', allowScroll);

В этом примере мы находим блок на странице по его идентификатору, добавляем обработчики событий mouseenter и mouseleave, которые вызывают функции preventScroll, отменяющую скроллинг, и allowScroll, разрешающую скроллинг.

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