标签: scrollbar

CSS可以用来隐藏滚动条吗？你会怎么做？

例如:

<iframe name="Stack" src="http://stackoverflow.com/" width="740"
        frameborder="0" scrolling="no" id="iframe"> ...
</iframe>

我希望它能够根据其中的内容调整其高度,而不使用滚动.

我有一个TextBlockWPF.我写了很多行,远远超过它的垂直高度.我预计一个垂直滚动条会在发生时自动出现,但事实并非如此.我试图在"属性"窗格中查找滚动条属性,但找不到.

如果我TextBlock的内容超出其高度,我怎样才能自动创建垂直滚动条？

澄清:我宁愿从设计师那里做,而不是直接写给XAML.

如何通过CSS(层叠样式表)为一个div而不是整个页面自定义滚动条？

我想用CSS自定义滚动条.

我使用这个WebKit CSS代码,适用于Safari和Chrome:

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-track-piece  {
    background-color: #C2D2E4;
}

::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #0A4C95;
}

我怎么能在Firefox中做同样的事情？

我知道我可以使用jQuery轻松完成它,但如果可行,我宁愿用纯CSS来做.

非常感谢某人的专家建议!

我有一个html textarea,其宽度固定,但高度可变.我想设置溢出:滚动并能够显示垂直滚动条,但不能显示水平滚动条.由于我的具体情况,我无法使用overflow:auto.

我知道使用CSS 2无法仅显示垂直而非水平滚动条.有什么我可以使用JavaScript来隐藏水平滚动条？

在IE10中,滚动条并不总是存在...当它出现时它作为一个叠加...它是一个很酷的功能但我想关闭我的特定网站,因为它是一个全屏应用程序和我的徽标和菜单背后都丢失了.

IE10:

铬:

任何人都知道在IE10上始终将滚动条固定到位的方法吗？

overflow-y:滚动似乎不起作用!它只是将它永久地放在我的网站上.

它可能是导致问题的引导,但我不知道哪个部分!看这里的例子:http://twitter.github.io/bootstrap/

如何定义CSS滚动条样式跨浏览器？我测试了这段代码,它只适用于IE和Opera,但在Chrome,Safari和Firefox中失败了.

<style type="text/css">
<!--    
body {
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-highlight-color:#7D7E94;
    scrollbar-3dlight-color: #7D7E94;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-track-color: #7D7E94;
    scrollbar-arrow-color: #C1C1D1;
}
-->
</style>

自10.7(Mac OS X Lion)以来MacOS上的WebKit/Blink(Safari/Chrome)默认行为是在不使用触控板用户时隐藏滚动条.这可能令人困惑 ; 滚动条通常是元素可滚动的唯一视觉提示.

示例(jsfiddle)

<div class="frame">
    Foo<br />
    Bar<br />
    Baz<br />
    Help I'm trapped in an HTML factory! 
</div>

.frame {
    overflow-y: auto;
    border: 1px solid black;
    height: 3em;
    width: 10em;
    line-height: 1em;
}?

如何强制滚动条始终显示在WebKit中的可滚动元素上？

如何在JavaScript中确定水平滚动条的高度或垂直滚动​​条的宽度？