仅禁用JS滚动

Question

我有两个div，但是当我在其中一个上隐藏滚动条时，这两个菜单上都会出现bug，因此我需要在CSS中看到溢出。 但是只需禁用js滚动即可。 专门用于id为chatcontent的 div。

Answer 1

您可以通过以下javascript通过id'chatcontent'为元素指定溢出样式：

// 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');
}