如何在我的div中没有窗口中显示滚动条?

迪诺·格勒

大家好,我有一个带有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中,我如何做到这一点(如果可能,我会(例如拥有个性化的滚动条),我添加了屏幕截图以帮助您了解。

第一个屏幕截图 第二个屏幕截图 谢谢您的帮助!

斯科特·马库斯(Scott Marcus)

设置heightdiv静态值,然后设置overflowdiv,以scroll如果你总是想一个滚动条或者auto如果你只是想滚动条时,有溢出的内容。您还可以使用overflow-xoverflow-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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在QGraphicsview中滚动超出滚动条范围?

来自分类Dev

如何在没有滚动条的情况下使第二个div填充屏幕的剩余高度?

来自分类Dev

如何在Android中隐藏DIV上的灰色滚动条-仅在您无法滚动时显示

来自分类Dev

Tkinter; 如何在主根窗口中按下按钮时打开的弹出/顶级窗口中使用滚动条

来自分类Dev

CSS:如何使滚动条显示在div的边界之外?

来自分类Dev

如何在div中添加滚动条

来自分类Dev

如何在div上显示滚动条?

来自分类Dev

如何在滚动条中水平显示图像?

来自分类Dev

全屏div(显示为默认窗口滚动条时)

来自分类Dev

通过按钮可滚动的Div,没有滚动条

来自分类Dev

在窗口滚动条上显示/隐藏div

来自分类Dev

没有滚动位置时,如何在Microsoft Chrome上隐藏溢出滚动条?

来自分类Dev

如何获得Tkinter在没有滚动条的情况下显示非常大的图像?

来自分类Dev

tkinter滚动条没有滚动条

来自分类Dev

如何在以窗口为中心的div中启用高度不固定的滚动条?

来自分类Dev

我想实现相对于窗口滚动条的div滚动条

来自分类Dev

mIRC窗口中的滚动条

来自分类Dev

如何在没有滚动条的情况下滚动Div?

来自分类Dev

没有溢出时,如何摆脱显示为灰色的滚动条?

来自分类Dev

当我的div不在体外时,为什么没有滚动条出现?

来自分类Dev

固定div在我的窗口滚动条上

来自分类Dev

如何在引导程序中以百分比形式设置div的高度而没有滚动条

来自分类Dev

将滚动条添加到没有设置高度的div中

来自分类Dev

如何隐藏溢出:在居中的div中滚动滚动条

来自分类Dev

在窗口滚动条上显示/隐藏div

来自分类Dev

如何在滚动条的粘滞菜单中显示徽标

来自分类Dev

如何在没有滚动条的情况下向 flexbox 添加负边距(不显示,无法滚动,没有黑客)

来自分类Dev

如何从角度弹出窗口中删除垂直滚动条

来自分类Dev

为单个窗口中显示的帧放置单个滚动条

Related 相关文章

  1. 1

    如何在QGraphicsview中滚动超出滚动条范围?

  2. 2

    如何在没有滚动条的情况下使第二个div填充屏幕的剩余高度?

  3. 3

    如何在Android中隐藏DIV上的灰色滚动条-仅在您无法滚动时显示

  4. 4

    Tkinter; 如何在主根窗口中按下按钮时打开的弹出/顶级窗口中使用滚动条

  5. 5

    CSS:如何使滚动条显示在div的边界之外?

  6. 6

    如何在div中添加滚动条

  7. 7

    如何在div上显示滚动条?

  8. 8

    如何在滚动条中水平显示图像?

  9. 9

    全屏div(显示为默认窗口滚动条时)

  10. 10

    通过按钮可滚动的Div,没有滚动条

  11. 11

    在窗口滚动条上显示/隐藏div

  12. 12

    没有滚动位置时,如何在Microsoft Chrome上隐藏溢出滚动条?

  13. 13

    如何获得Tkinter在没有滚动条的情况下显示非常大的图像?

  14. 14

    tkinter滚动条没有滚动条

  15. 15

    如何在以窗口为中心的div中启用高度不固定的滚动条?

  16. 16

    我想实现相对于窗口滚动条的div滚动条

  17. 17

    mIRC窗口中的滚动条

  18. 18

    如何在没有滚动条的情况下滚动Div?

  19. 19

    没有溢出时,如何摆脱显示为灰色的滚动条?

  20. 20

    当我的div不在体外时,为什么没有滚动条出现?

  21. 21

    固定div在我的窗口滚动条上

  22. 22

    如何在引导程序中以百分比形式设置div的高度而没有滚动条

  23. 23

    将滚动条添加到没有设置高度的div中

  24. 24

    如何隐藏溢出:在居中的div中滚动滚动条

  25. 25

    在窗口滚动条上显示/隐藏div

  26. 26

    如何在滚动条的粘滞菜单中显示徽标

  27. 27

    如何在没有滚动条的情况下向 flexbox 添加负边距(不显示,无法滚动,没有黑客)

  28. 28

    如何从角度弹出窗口中删除垂直滚动条

  29. 29

    为单个窗口中显示的帧放置单个滚动条

热门标签

归档