如何在我的div中有一个不在我的窗口中的滚动条？

Question

大家好，我有一个带有div的窗口（我使用electronJS），在其中我使用带有Javascript功能的元素添加了-> document.createElement（'section'）。

有用于添加元素的Javascript循环：

for (var i = 0; i < (clippy_array.length); i++) {
    counter_test += 1;
    console.log("TCL: counter", counter_test);
    var element = document.createElement('section');
    var addHere = document.getElementById('Content');
    addHere.appendChild(element);
    element.textContent = clippy_array[i];
    element.className = "TextCP";
    element.id = "Element" + i;
    element.style.backgroundColor = "#f5f5f5";
    element.style.display = "block";
    element.style.marginTop = "5px";
    element.style.marginBottom = "5px";
    element.style.border = "2px solid black";
    element.style.minHeight = "90px";
    element.style.padding = "5px";
}

---

我的问题：添加的元素列表很长，所以窗口中没有滚动条，但是我不希望窗口中有滚动条，但是在div中，我该如何做（如果有可能，我想拥有一个个性化的滚动条），我放了一个截图以帮助您理解。

First screenshotSecond screenshot感谢您的帮助！

Answer 1

将height的div设置为静态值，然后如果始终需要滚动条，则将overflow上的overflow设置为div，或者如果仅在需要时将滚动条设置为scroll是溢出的内容。您也可以使用auto和overflow-x指定要生成的滚动条。这是一个例子：

overflow-y

div { width: 200px; height:200px; overflow:scroll; }

Answer 2

也许像这样

<div>
;kdsjf ;lsadjf sd;lfkj sdf;lksdj f;sldkfj sa;flksjd f;lsadkfj sd;lfksjd f;lsdkfj sal;fkjs dfl;ksdjf s;adlkfjs adf;lksdajf s;adlkfj asdf;lkasjd f;lksadfj sd;lkfj sdf;lksdjf ;lsdkfj sad;lfkjsd fl;sdjf sdlkfj sdlfkjdsa flskdajf sdl;kfj sdf;lksdj fl;sdkfj asd;lfkjsad f;laskdjf as;dlfkj sad;lfksajd f;lsakdjf sad;lkfjsd ;lfksadjf ;lasdkfj sda;lkfjs dafl;ksadj f;lsadkfj sda;lkfjsd fl;ksdajf l;sakdfj s;dlakfjs daflksdj
</div>