Как сделать чтобы на ПК пролистывался блок сoverflow-y, а не вся страница?

Question

[Илья Деревянных]

Прописано

.brz-tabs__item--content 
{
    overflow-y: auto;
    height: 500px;
}

Но на ПК при перелистывании мышкой колесиком или на тачпаде листается вся страница. Как сделать чтобы листался только блок?

Comments

[FrelFrloich]

overflow-y: scroll;

Answer 1

[Anton05]

Если вы умеете работать с jquery, то можно при загрузки страницы установит фокус на этом элементе: $("div").focus().

Comments

[FrelFrloich]

и ради этого подключать библиотеку?

[Anton05]

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

[Anton05]

Извините. Я вспомнил: в body вставляете overflow:hidden, а в ваш блок overflow:auto.

[an]

Anton05, ага, и все, что не влезло в body обрежется хиденом
overflow-y: auto для блока

Answer 2

[WebEagle]

document.addEventListener("DOMContentLoaded", function(event) { 
    const focusElement = document.querySelector('.brz-tabs__item--content ');
    if (focusElement) {
        focusElement.focus();
    }
});