gpt4 book ai didi

javascript - div滚动条没有出现

转载 作者:太空宇宙 更新时间:2023-11-03 19:52:35 24 4
gpt4 key购买 nike

我不经常使用 css,但我认为下面应该创建一个可滚动区域。相反,它似乎只是隐藏了所有不适合但无法滚动的文本。 chrome/ie/firefox 中的行为似乎相同,所以我猜我只是做错了什么。

index.html

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Foo</title>
</head>
<body>
<div id="history" class="scroll-area">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac euismod nulla. Fusce enim tortor, elementum ut volutpat non, interdum ut nunc. Vestibulum placerat mi vel risus ultricies non bibendum urna vestibulum. Curabitur volutpat, turpis vel suscipit accumsan, lectus nibh blandit sem, ut elementum massa tortor quis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis cursus lacus ac diam sollicitudin tempor. Vivamus at sagittis lacus. Donec augue neque, cursus in tristique at, mattis vitae eros.
</div>
</body>
</html>

样式.css

#history {
height: 200px;
width: 200px;
border: 1px solid #666;
padding: 8px;
}

.scroll-area {
overflow-style: auto;
overflow: hidden;
}

Non-scrolling picture example

最佳答案

那么你正在使用 overflow-style尚不支持任何主流浏览器..

overflow 设置为自动或在 .scroll-area 上滚动将使垂直滚动条按预期显示

http://jsfiddle.net/kRcaR/1/

关于javascript - div滚动条没有出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16220850/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com