如何在我的div中有一个滚动条而不是在我的窗口中？
如何在我的div中有一个滚动条而不是在我的窗口中？
提问于 2019-10-25 19:08:29
Hello everybody，我有一个带有div的窗口(我使用electronJS)，其中我用函数->document.createElement(‘节’)添加了带有Javascript的元素。
添加元素有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";
}My problem:添加的元素列表很长，但是我的窗口中有一个滚动条，但是我不希望在窗口中有滚动条，而是在div中，我如何能够这样做(如果可能的话，我希望有一个个性化的滚动条)，我放置了一个屏幕截图来帮助您理解。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-10-25 19:10:33
将div的div设置为静态值，如果始终希望使用滚动条，则将div上的overflow设置为scroll，如果只希望在内容溢出时使用滚动条，则设置auto。还可以使用overflow-x和overflow-y指定要生成的滚动条。下面是一个例子：
div { width: 200px; height:200px; overflow:scroll; }<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58564392
复制相关文章
相似问题
腾讯云开发者
