Отключить прокрутку только по JS

Question

У меня есть два div, но когда я скрою полосу прокрутки на одной, она будет прослушиваться на обеих, поэтому мне нужно, чтобы в CSS было видно переполнение.Но просто отключите прокрутку с помощью js.Специально для div с идентификатором chatcontent .

Answer 1

Вы можете указать стиль переполнения для элемента по id 'chatcontent', используя следующий javascript:

// Disables the overflow behaviour for chatcontent
function disableOverflowForChatcontent() {
    document.getElementById('chatcontent').style.overflow = 'hidden';
}

// Resets the overflow behaviour for chatcontent
function resetOverflowForChatcontent() {
    document.getElementById('chatcontent').style.overflow = '';
}

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

CSS:

.overflow-none {
   overflow:hidden;
}

JS:

// Disables the overflow behaviour for chatcontent
function disableOverflowForChatcontent() {
    document.getElementById('chatcontent').classList.add('overflow-none');
}

// Resets the overflow behaviour for chatcontent
function resetOverflowForChatcontent() {
    document.getElementById('chatcontent').classList.remove('overflow-none');
}