草庐IT

ScrollBar

全部标签

html - 是否可以隐藏 HTML textarea 元素上的滚动条?

是否可以使用CSS或任何其他方式隐藏HTMLtextarea元素上的滚动条? 最佳答案 style="overflow:hidden"虽然不确定您为什么要这样做。 关于html-是否可以隐藏HTMLtextarea元素上的滚动条?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/330895/

html - 浏览器滚动条移位

当您转到我的网站上有额外内容的页面时,滚动条出现在右侧,但我的内容明显向左移动。您通过单击主页然后托管并再次返回我的网站(www.ipalaces.org)注意到这一点我如何考虑页面上的浏览器滚动条?我可以做到滚动条至少始终可见吗?我的网站是www.ipalaces.org,请告诉我。 最佳答案 好吧,这取决于浏览器。body{overflow-y:scroll;overflow-x:scroll;overflow:-moz-scrollbars-vertical;}应该强制显示水平(overflow-x)和垂直滚动条(overfl

html - 浏览器滚动条移位

当您转到我的网站上有额外内容的页面时,滚动条出现在右侧,但我的内容明显向左移动。您通过单击主页然后托管并再次返回我的网站(www.ipalaces.org)注意到这一点我如何考虑页面上的浏览器滚动条?我可以做到滚动条至少始终可见吗?我的网站是www.ipalaces.org,请告诉我。 最佳答案 好吧,这取决于浏览器。body{overflow-y:scroll;overflow-x:scroll;overflow:-moz-scrollbars-vertical;}应该强制显示水平(overflow-x)和垂直滚动条(overfl

html - 如何通过 CSS 设置水平滚动条的样式?

我使用以下代码设置了垂直滚动条的样式:::-webkit-scrollbar{width:4px;border:1pxsolid#d5d5d5;}::-webkit-scrollbar-track{border-radius:0;background:#eeeeee;}::-webkit-scrollbar-thumb{border-radius:0;background:#b0b0b0;}现在,我的垂直滚动条看起来像这样:但是,我的水平滚动条看起来像这样:如何为它设置2-4px的高度? 最佳答案 ::-webkit-scrollb

html - 如何通过 CSS 设置水平滚动条的样式?

我使用以下代码设置了垂直滚动条的样式:::-webkit-scrollbar{width:4px;border:1pxsolid#d5d5d5;}::-webkit-scrollbar-track{border-radius:0;background:#eeeeee;}::-webkit-scrollbar-thumb{border-radius:0;background:#b0b0b0;}现在,我的垂直滚动条看起来像这样:但是,我的水平滚动条看起来像这样:如何为它设置2-4px的高度? 最佳答案 ::-webkit-scrollb

css - 固定 div 背景重叠浏览器滚动条

我以前从未见过的非常奇怪的行为。我有一个固定位置的div,它有一个透明的png背景图像。z-index设置为-1,以便内容可以使用滚动条在固定图像上滚动。我将其定位在底部和右侧0像素处,但图像与滚动条重叠(无论如何在FF和Safari上。)这是链接:http://adamjcas.www59.a2hosting.com/pg/show/id/4CSS:#plants/*forthecutpaperplantsinthebackground*/{background:transparenturl(../background_images/plants.png)no-repeat;bott

css - 固定 div 背景重叠浏览器滚动条

我以前从未见过的非常奇怪的行为。我有一个固定位置的div,它有一个透明的png背景图像。z-index设置为-1,以便内容可以使用滚动条在固定图像上滚动。我将其定位在底部和右侧0像素处,但图像与滚动条重叠(无论如何在FF和Safari上。)这是链接:http://adamjcas.www59.a2hosting.com/pg/show/id/4CSS:#plants/*forthecutpaperplantsinthebackground*/{background:transparenturl(../background_images/plants.png)no-repeat;bott

html - 仅在一个 div 中自定义滚动条

我想在Chrome中有一个自定义滚动条。所以,我正在使用这个sass:::-webkit-scrollbar{width:0.5em;height:0.5em;}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1);border-radius:3px;&:hover{background:rgba(255,255,255,.2);}}我的问题是我只想在特定的div中使用这种滚动条样式。但如果我这样做:#boardslist{::-webkit-scrollbar{width:0.5em;height:0.5em;

html - 仅在一个 div 中自定义滚动条

我想在Chrome中有一个自定义滚动条。所以,我正在使用这个sass:::-webkit-scrollbar{width:0.5em;height:0.5em;}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1);border-radius:3px;&:hover{background:rgba(255,255,255,.2);}}我的问题是我只想在特定的div中使用这种滚动条样式。但如果我这样做:#boardslist{::-webkit-scrollbar{width:0.5em;height:0.5em;

html - CSS:如何获取浏览器滚动条的宽度? (对于 :hover {overflow: auto} 不错的边距)

我不确定标题是否清楚,所以解释不多。我有一些小元素,比方说div的(200pxx400pxCONSTANT)。在他们每个人的里面,都有一个段落,大约有20行文字。当然,这对一个可怜的小div来说太重要了。我想做的是:通常div有overflow:hidden属性。在鼠标悬停(:hover)时,此属性更改为overflow:auto;,并出现滚动条。问题是什么?我想要段落文本和滚动条之间有一点空间(填充或边距)。假设该段落有一个对称的margin:20px;。但是在:hover触发后,滚动条出现了,整个段落的右侧向左移动了"scrollbar-width"px。其他行断句,整个段落看起来