我有一个<div>在我的网页,其中包含<table>的不同行数,即不同的高度:
<html>
<head></head>
<body>
<div>
<table>
<tr>...
<tr>...
...
</table>
</div>
</body>
</html>
目前,如果表格内容足够长,则div会延伸到页面底部(视图端口)之下.我想停止在页面底部下方延伸的div,并添加一个滚动条.如果div高度固定没问题我可以添加滚动条overflow: scroll.但我希望div高度适合用户使用浏览器窗口的大小.
任何想法如何实现这一目标？如果没有表格内容,我不关心或需要div扩展到页面底部.优选地是纯css解决方案,而不是使用javascript来固定div高度.
谢谢
我有一个FlowLayoutPanel,它有多个控件.我只想在垂直方向滚动.但是当我设置时AutoScroll = true,我得到了垂直和水平滚动条.如何禁用水平滚动条并仅保持垂直滚动条工作？
出于某种原因,我无法阻止UL和LI的包装.我希望UL的宽度恰好是一行中LI的宽度(没有包装),如果UL变得比nav-div(800px)宽,我想在导航中使用滚动条,这样我就可以滚动LI.
我用显示器,空白,宽度和高度做了很多尝试,但是如果我给UL一定的宽度,我只能让它工作.但是,这不是一个选项,因为页面是生成的,可以包含1-20个LI.
有没有人知道如何在不设置UL宽度的情况下制作滚动条？
HTML:
<div id="nav">
<ul id="navbuttons">
<li>Some text</li>
<li>Some text</li>
...
</ul>
</div>
CSS:
div#nav
{
height: 100px;
width: 800px;
margin-left: auto;
margin-right: auto;
}
div#nav ul li
{
margin-right: 15px;
float: left;
font-size: 12px;
list-style-type: none;
}
running latest version 21当pre标签内容溢出时,我试图让Chrome中的垂直滚动条显示.我不能让垂直滚动条实际显示.
看到这个jsFiddle:http://jsfiddle.net/justink101/2tJmC/
编辑
在Mac上 - OSX
我正在尝试将自定义样式应用于滚动条(实际上,尝试使滚动条始终可见)并保留iOS应用程序的动量滚动:
#container {
height: 400px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
#container::-webkit-scrollbar {
-webkit-appearance: none;
background-color: #000;
}
#container::-webkit-scrollbar:horizontal {
height: 6px;
}
#container::-webkit-scrollbar-thumb {
background-color: #000;
}
#container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #333;
}
但-webkit-overflow-scrolling: touch和::-webkit-scrollbar风格不一起工作.StackOverflow上已经有一个相关的问题:
-webkit-overflow-scrolling:touch在iOS中打破了我的-webkit-scrollbar css
那么,从2016年春天的高峰开始,有什么方法可以在滚动条的同时设置滚动条的样式吗？-WebKit-overflow-scrolling: touch如果有另一种方法可以伪造它,我准备放弃了.
请不要建议使用niceScroll,iScroll等 - 我试过这些; 实际上,我目前正在使用其中一个这样的脚本,并希望摆脱它.
如何在Android中的视图中添加滚动条？
我尝试添加android:scrollbars:"vertical"到LinearLayout我的布局XML文件但它无法正常工作.
我认为默认情况下在Android中绘制了滚动条,但它似乎并非如此.看来我们必须自己画画 - 我该怎么做？
我不确定"粘性"是否适用于此术语,但有没有办法让滚动条overflow:auto保持可见？
我有一个相当大的表,我想要水平滚动; 但是,该表也相当高,所以当页面加载时,水平滚动条不在浏览器的视口内,因此很难说该表是可滚动的.
<div style = 'width:900px;overflow:auto'>
<table>
<!-- Very large table here -->
</table>
</div>
滚动条显示在表格下方,但遗憾的是桌子很高,除非向下滚动,否则无法看到它.
我希望水平滚动条保持可见,即使桌子离开屏幕,也可能固定在视口的底部.理想情况下,我只想使用CSS或少量的javascript.
我在.NET 3.5中遇到过一个错误(我假设).使用Rows.Add()向DataGridView添加行时,如果禁用DGV,则垂直滚动条无法正确更新.因此,在重新启用DGV后,无法使用滚动条或鼠标滚轮一直滚动到DGV的底部(尽管使用箭头键导航仍然有效.)
所以我正在寻找一种解决方法.有没有办法强制滚动条更新其边界,还是可以手动输入新的最大值？我宁愿不必重新填充DGV.
*)实际上,它是被禁用的父表单,但我认为问题是它传播到DGV控件.
我正在使用一个简单的代码用于颜色自定义滚动条:
<style type="text/css">
<!--
BODY
{
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #FF99FF;
scrollbar-track-color: #FFCCFF;
}
-->
</style>
并且它在chrome中不起作用,但它在IE中并不确定其他浏览器.我使用chrome作为我的主浏览器,我也在其他网站上看过这个问题,但是想知道是否有任何解决方法？
有一种方法可以创建半透明度的div/box,这些div/box现在可以在所有浏览器中使用特殊脚本,因此想知道滚动条是否有这样的解决方案？
谢谢!
我可能迟到了派对,但是现在Chrome只是在Mac(OS 10.10.3)上更改了他们的浏览器(版本42.0.2311.90(64位)),默认为可见滚动条？滚动条以前不存在.
scrollbar ×10
css ×6
html ×2
overflow ×2
.net ×1
android ×1
c# ×1
datagridview ×1
html-lists ×1
ios ×1
macos ×1
scrollbars ×1
sticky ×1
webkit ×1
winforms ×1