Html 如何在不增加页面内容的情况下给滚动条一个固定的高度？

在这里，我试图给滚动条一个固定的高度，与页面内容高度无关。我在下面添加了代码

节数据容器{ 高度：400px； 宽度：200px； 溢出y：滚动； 边框：1px000； } ：-webkit滚动条{ 宽度：10px； /*高度：30px*/ } ：-webkit滚动条轨迹{ 背景：f1f1； } /*处理*/ ：-webkit滚动条拇指{ 背景：888人； } /*悬停手柄*/ ：-webkit滚动条拇指：悬停{ 背景：555人； } ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui 尝试在数据容器中指定最小高度

代码段上的代码

节数据容器{ 最小高度：400px； 宽度：200px； 溢出y：滚动； 边框：1px000； } ：-webkit滚动条{ 宽度：10px； /*高度：30px*/ } ：-webkit滚动条轨迹{ 背景：f1f1； } /*处理*/ ：-webkit滚动条拇指{ 背景：888人； } /*悬停手柄*/ ：-webkit滚动条拇指：悬停{ 背景：555人； } ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui ADSGDHHHJKHJKDHKFKL fdjhkl；jkh HJFDHKLH GHDFJKGJKFH hkdjhfklh KHFKLH flk；jl；G jhgfdhjl；jljl-jkfjkl；gj-ljl；kjl；j ljlkjfuirui

---

，但没有解决办法，只有webkit是我在那里介绍的唯一技巧。@AndrzejZiółek哦，对不起。我的意思是你想要的卷轴，你不想显示卷轴吗？或者你想要scroller@charankumar我想给我的滚动条一个固定的大小，独立于内容高度我不认为我们可以改变滚动条的高度，它总是基于内容的高度，我们只能控制宽度数据容器如何影响滚动条的高度？在哪里为滚动条指定了固定高度？尝试增加最小高度值。或者，将元素放在一个div中，并为该div指定最小高度。然后检查您的代码是如何工作的……我在一个片段中添加了该值。完全隐藏滚动条。

section#data-container{
    min-height:400px;
    width:200px;
    overflow-y: scroll;
    border:1px solid #000;

}