草庐IT

scrollBar

全部标签

javascript - 如何获取浏览器的滚动条大小?

如何在JavaScript中确定水平滚动条的高度或垂直滚动​​条的宽度? 最佳答案 来自AlexandreGomesBlog我还没有尝试过。让我知道它是否适合你。functiongetScrollBarWidth(){varinner=document.createElement('p');inner.style.width="100%";inner.style.height="200px";varouter=document.createElement('div');outer.style.position="absolute";

javascript - 如何获取浏览器的滚动条大小?

如何在JavaScript中确定水平滚动条的高度或垂直滚动​​条的宽度? 最佳答案 来自AlexandreGomesBlog我还没有尝试过。让我知道它是否适合你。functiongetScrollBarWidth(){varinner=document.createElement('p');inner.style.width="100%";inner.style.height="200px";varouter=document.createElement('div');outer.style.position="absolute";

html - 隐藏html水平但不垂直滚动条

我有一个宽度固定但高度可变的HTML文本区域。我想设置overflow:scroll并能够显示垂直滚动条,但不能显示水平滚动条。由于特定于我的情况的其他原因,我无法使用overflow:auto。我知道没有办法使用CSS2只显示垂直而不是水平滚动条。我可以用JavaScript做些什么来隐藏水平滚动条吗? 最佳答案 你可以像这样使用css:overflow-y:scroll;overflow-x:hidden; 关于html-隐藏html水平但不垂直滚动条,我们在StackOverflo

html - 隐藏html水平但不垂直滚动条

我有一个宽度固定但高度可变的HTML文本区域。我想设置overflow:scroll并能够显示垂直滚动条,但不能显示水平滚动条。由于特定于我的情况的其他原因,我无法使用overflow:auto。我知道没有办法使用CSS2只显示垂直而不是水平滚动条。我可以用JavaScript做些什么来隐藏水平滚动条吗? 最佳答案 你可以像这样使用css:overflow-y:scroll;overflow-x:hidden; 关于html-隐藏html水平但不垂直滚动条,我们在StackOverflo

div中的CSS自定义滚动条

如何在CSS(层叠样式表)中为一个div而不是整个页面自定义滚动条? 最佳答案 我认为整合有关滚动条、CSS和浏览器兼容性的最新信息会很有帮助。滚动条CSS支持目前,不存在跨浏览器滚动条CSS样式定义。TheW3Carticle我在最后提到有以下声明,最近更新(2014年10月10日):Somebrowsers(IE,Konqueror)supportthenon-standardproperties'scrollbar-shadow-color','scrollbar-track-color'andothers.Theseprop

div中的CSS自定义滚动条

如何在CSS(层叠样式表)中为一个div而不是整个页面自定义滚动条? 最佳答案 我认为整合有关滚动条、CSS和浏览器兼容性的最新信息会很有帮助。滚动条CSS支持目前,不存在跨浏览器滚动条CSS样式定义。TheW3Carticle我在最后提到有以下声明,最近更新(2014年10月10日):Somebrowsers(IE,Konqueror)supportthenon-standardproperties'scrollbar-shadow-color','scrollbar-track-color'andothers.Theseprop

html - CSS 溢出-x : visible; and overflow-y: hidden; causing scrollbar issue

假设你有一些样式和标记:ul{white-space:nowrap;overflow-x:visible;overflow-y:hidden;/*addedwidthsoitwouldworkinthesnippet*/width:100px;}li{display:inline-block;}123456789123456789123456789当您查看此内容时。即使我为溢出x/y指定了可见和隐藏值,底部也有一个滚动条。(在Chrome11和Opera(?)上观察到)我猜肯定有一些w3c规范或某些东西告诉我会发生这种情况,但我这辈子都不知道为什么。JSFiddle更新:-我找到了一种

html - CSS 溢出-x : visible; and overflow-y: hidden; causing scrollbar issue

假设你有一些样式和标记:ul{white-space:nowrap;overflow-x:visible;overflow-y:hidden;/*addedwidthsoitwouldworkinthesnippet*/width:100px;}li{display:inline-block;}123456789123456789123456789当您查看此内容时。即使我为溢出x/y指定了可见和隐藏值,底部也有一个滚动条。(在Chrome11和Opera(?)上观察到)我猜肯定有一些w3c规范或某些东西告诉我会发生这种情况,但我这辈子都不知道为什么。JSFiddle更新:-我找到了一种

javascript - 使iframe根据内容自动调整高度而不使用滚动条?

这个问题在这里已经有了答案:Adjustwidthandheightofiframetofitwithcontentinit(36个回答)关闭6年前。例如:...我希望它能够根据里面的内容调整它的高度,而不需要使用滚动。 最佳答案 将此添加到您的部分:functionresizeIframe(obj){obj.style.height=obj.contentWindow.document.documentElement.scrollHeight+'px';}并将您的iframe更改为:见sitepointdiscussion.

javascript - 使iframe根据内容自动调整高度而不使用滚动条?

这个问题在这里已经有了答案:Adjustwidthandheightofiframetofitwithcontentinit(36个回答)关闭6年前。例如:...我希望它能够根据里面的内容调整它的高度,而不需要使用滚动。 最佳答案 将此添加到您的部分:functionresizeIframe(obj){obj.style.height=obj.contentWindow.document.documentElement.scrollHeight+'px';}并将您的iframe更改为:见sitepointdiscussion.