Questions tagged «scrollbar»

滚动条是与仅部分可见的显示器有关的图形用户界面元素。滚动条提供有关元素的哪个部分处于可视状态的视觉反馈,以及移动主要元素的视图的能力。


10
WPF TextBlock中的自动垂直滚动条?
我TextBlock在WPF中有一个。我在上面写了很多行,远远超过了它的垂直高度。我希望垂直滚动条会在发生这种情况时自动出现,但事实并非如此。我试图在“属性”窗格中查找滚动条属性,但找不到一个。 TextBlock一旦内容超过其高度,如何使垂直滚动条自动创建? 澄清:我宁愿由设计人员来做,而不是直接写给XAML。
335 c#  .net  wpf  scrollbar  textblock 


8
Firefox的自定义CSS滚动条
我想用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做到这一点。 将不胜感激某人的专家意见!
313 css  firefox  webkit  scrollbar 

8
隐藏html水平但不垂直的滚动条
我有一个HTML文本区域,该区域的宽度固定,但是高度可变。我想设置overflow:scroll并能够显示一个垂直滚动条,但不能显示水平滚动条。overflow:auto由于其他特定情况,我无法使用。 我知道无法使用CSS2仅显示垂直滚动条,而不能显示水平滚动条。我可以使用JavaScript隐藏水平滚动条吗?
279 html  css  scrollbar 

6
如何防止IE10中的滚动条覆盖内容?
在IE10中,滚动条并不总是存在的……当它出现时会以覆盖的形式出现……这是一个很酷的功能,但是我想为我的特定网站关闭它,因为它是一个全屏应用程序,而我徽标和菜单丢失了。 IE10: 铬: 有人知道将滚动条始终固定在IE10上的方法吗? 溢出-y:滚动似乎不起作用!它只是将其永久放在我的网站上。 可能是导致问题的引导程序,但是我不知道哪一部分!在此处查看示例:http : //twitter.github.io/bootstrap/


5
防止WebKit / Blink中的MacOS触控板用户隐藏滚动条
自10.7(Mac OS X Lion)起,WebKit / Blink(Safari / Chrome)在MacOS上的默认行为是在不使用触控板用户时隐藏滚动条。这可能会造成混淆;滚动条通常是元素可滚动的唯一视觉提示。 例子(jsfiddle) 的HTML <div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> 的CSS .frame { overflow-y: auto; border: 1px solid black; height: 3em; width: 10em; line-height: 1em; }​ WebKit(Chrome)截图 Presto(Opera)屏幕截图 如何强制滚动条始终显示在WebKit的可滚动元素上?
162 css  macos  webkit  scrollbar  blink 

6
如何使div上的滚动条仅在必要时可见?
我有这个股利: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> 即使文本不会溢出,滚动条也始终可见。我想使滚动条仅在必要时可见-即,仅在框中需要它们的文本时才可见。就像文本区域一样。我该怎么做呢?还是我唯一选择设置文本区域样式以使其看起来像div的选择?
151 css  html  scrollbar 



7
从下到上堆叠Div
将divs 附加到div具有固定高度的a时,子div将从顶部到底部出现,并停留在顶部边框处。 ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 我现在正尝试像这样(从底部边框开始)从下至上显示它们: ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ Child Div 1 │ │ …

12
防止滚动条累加到Chrome的页面宽度
Наэтотвопросестьответына 堆栈溢出русском:滚动和填充 我在尝试将.html页面在Chrome上保持一致的宽度时遇到一个小问题,例如,我的页面(1)的内容很多,导致视口(正确的单词?)高度溢出,因此有一个垂直滚动条在该页面上(1)。在页面(2)上,我具有相同的布局(菜单,div,...等),但内容较少,因此其中没有垂直滚动条。 问题是,在页面(1)上,滚动条似乎将元素稍微向左推(累加了宽度?),而所有内容似乎都很好地位于页面(2)的中心 我仍然是HTML / CSS / JS的初学者,我非常相信这并不是那么困难,但是我没有运气找出解决方案。它确实可以在IE10和FireFox(无干扰滚动条)上正常运行,我只在Chrome上遇到过。

11
检查HTML元素是否具有滚动条
检查元素是否具有滚动条的最快方法是什么? 当然,一件事是检查element是否大于其视口,这可以通过检查以下两个值来轻松完成: el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth 但这并不意味着它也具有滚动条(因此它实际上可以被人类滚动)。 题 如何在1个跨浏览器和2个 javascript中检查滚动条(如无jQuery)? 仅使用Javascript,因为我需要尽可能小的开销,因为我想编写一个非常快速的jQuery选择器过滤器 // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") 我想我必须检查overflow样式设置,但是如何以跨浏览器的方式进行呢? 附加编辑 不仅是overflow样式设置。检查元素是否具有滚动条并不是看起来那么简单。我上面写的第一个公式在元素没有边框的时候很好用,但是当元素没有边框时(特别是当边框的宽度很大时),offset尺寸可以大于scroll尺寸,但是元素仍然可以滚动。实际上,我们必须从offset尺寸中减去边框以获得元素的实际可滚动视口,并将其与scroll尺寸进行比较。 备查 :scrollablejQuery选择器过滤器包含在我的.scrollintoview()jQuery插件中。如果有人需要,可以在我的博客文章中找到完整的代码。即使没有提供实际的解决方案,Soumya的代码也极大地帮助我解决了问题。它为我指明了正确的方向。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.