jquery - 可滚动 div 内的复选框显示在其外部

Question

所以，我有一个带有复选框列表的表单，它位于一个可滚动的 div 中。问题是您在图片中看到的复选框显示在容器外部。

http://image.prntscr.com/image/80494dcbb220424d94ebd3ba629c5698.png

这是我的代码:

form = document.createElement("form");
form.setAttribute("id", "form_" + sensor + faceta);

document.getElementById(elementID).appendChild(form);

for (j = 0; j < valoresFaceta.length; j++) {

    var label = document.createElement("label");
    var description = document.createTextNode(valoresFaceta[j]);
    var checkbox = document.createElement("input");

    checkbox.type = "checkbox";   
    checkbox.value = valoresFaceta[j];     


    label.appendChild(checkbox);  
    label.appendChild(description);
    document.getElementById("form_" + sensor + faceta).appendChild(label);
    document.getElementById("form_" + sensor + faceta).appendChild(document.createElement("br"));}

编辑: 这就是我想要的，但是当我尝试在 JS 中进行此操作时，应该隐藏的复选框显示在容器外部，有人可以帮忙吗？ https://jsfiddle.net/gtjarq09/

Answer 1

你应该向我们展示修复它的工作示例，但我的猜测是你将 overflow: scroll 属性设置到错误的 block ，尝试将它移动到父 block ，或者设置 overflow: hidden 在父 block 中