Question

我有两个div，但是当我在其中一个上隐藏滚动条时，它将在两个上都出错，因此我需要在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');
}

仅禁用JS滚动

1 个答案: