Как работать с двумя скроллами на странице?

Ситуация такая. У меня на странице есть блок со скроллом. у него overflow:auto. Если я проскроллю контент этого блока, то как только он упрется и скроллить некуда, от начнет скроллиться, страница. Как сделать так, чтобы если я мышкой нахожусь в области этого блока, то скролл страницы не отрабатывался.

Я думаю, что можно при наведении на блок мышью блочить скролл у body с помощью overflow:hidden, но тогда визуально скролл исчезнет и это будет заметно.

Короче как правильно организовать все это пространство подскажите, пожалуйста?