大家好,我有一个带有div的窗口(我使用electronJS),在其中我使用功能-> document.createElement('section')的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";
}
我的问题:添加的元素列表很长,所以我的窗口中有一个滚动条,但是我不希望窗口中有一个滚动条,但是在我的div中,我如何做到这一点(如果可能,我会(例如拥有个性化的滚动条),我添加了屏幕截图以帮助您了解。
设置height
的div
静态值,然后设置overflow
上div
,以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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句