草庐IT

Scrollbar

全部标签

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

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

html - 始终在 iPhone/Android 中显示滚动条

这个问题在这里已经有了答案:Makescrollbarvisibleinmobilebrowsers(3个答案)关闭7年前。有没有办法让滚动条在移动浏览器中始终可见。默认情况下,可滚动页面仅在发生触摸/滑动时才使其滚动可见。如何使滚动条始终可见?

html - 始终在 iPhone/Android 中显示滚动条

这个问题在这里已经有了答案:Makescrollbarvisibleinmobilebrowsers(3个答案)关闭7年前。有没有办法让滚动条在移动浏览器中始终可见。默认情况下,可滚动页面仅在发生触摸/滑动时才使其滚动可见。如何使滚动条始终可见?

javascript - html选择滚动条

如何给html选择框添加滚动条?是否有模拟此行为的任何JavaScript库?或者是否有重新设计的界面,我有2个选择框,项目可以通过>>&来自thisforumpost,指向另一个example,示例代码将使用div覆盖以显示附加文本,但它需要用户将鼠标悬停在选项上。不是我正在寻找的解决方案,尽管我暂时会使用它。option1TheLongOptionoption2option3option4option5AnotherLongerthantheLongOption;)option6>"/>option1TheLongOptionoption2option3option4option5

javascript - html选择滚动条

如何给html选择框添加滚动条?是否有模拟此行为的任何JavaScript库?或者是否有重新设计的界面,我有2个选择框,项目可以通过>>&来自thisforumpost,指向另一个example,示例代码将使用div覆盖以显示附加文本,但它需要用户将鼠标悬停在选项上。不是我正在寻找的解决方案,尽管我暂时会使用它。option1TheLongOptionoption2option3option4option5AnotherLongerthantheLongOption;)option6>"/>option1TheLongOptionoption2option3option4option5

html - 使用 CSS 更改滚动条拇指的大小

我想要一个拇指比轨道大的滚动条。我可以更改颜色、不透明度等所有内容,但我不知道如何分别更改拇指和轨道的大小。.custom_scrollbar::-webkit-scrollbar{ width:1px; }.custom_scrollbar::-webkit-scrollbar-track{ background-color:rgb(255,255,255); -webkit-border-radius:1px;}.custom_scrollbar::-webkit-scrollbar-thumb:vertical{ background-color:rgb(142,142,142)

html - 使用 CSS 更改滚动条拇指的大小

我想要一个拇指比轨道大的滚动条。我可以更改颜色、不透明度等所有内容,但我不知道如何分别更改拇指和轨道的大小。.custom_scrollbar::-webkit-scrollbar{ width:1px; }.custom_scrollbar::-webkit-scrollbar-track{ background-color:rgb(255,255,255); -webkit-border-radius:1px;}.custom_scrollbar::-webkit-scrollbar-thumb:vertical{ background-color:rgb(142,142,142)

html - <div> 溢出 :auto does not show scrollbar until resize

我的表单上有一个如下所示的元素:在IE7中,当页面首次呈现时,没有滚动条。但是,如果我调整页面大小(即使只有1个像素),滚动条也会正确显示。有什么办法可以让滚动条在页面首次显示时正确显示吗? 最佳答案 如果您总是想要滚动条,请将overflow-y设置为“滚动”。 关于html-溢出:autodoesnotshowscrollbaruntilresize,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

html - <div> 溢出 :auto does not show scrollbar until resize

我的表单上有一个如下所示的元素:在IE7中,当页面首次呈现时,没有滚动条。但是,如果我调整页面大小(即使只有1个像素),滚动条也会正确显示。有什么办法可以让滚动条在页面首次显示时正确显示吗? 最佳答案 如果您总是想要滚动条,请将overflow-y设置为“滚动”。 关于html-溢出:autodoesnotshowscrollbaruntilresize,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

html - 如何阻止用户在我的网站上水平滚动

这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}