草庐IT

html - 如何显示水平滚动条

我有一个div#items,它环绕着一大堆.item。我想并排显示元素,如果超过页面宽度,则显示水平滚动条。Itemcontent我尝试过类似的方法,但它不起作用#items{overflow:auto;width:100%;height:200px;/*thisistheheightofeachitem*/}.item{float:left;}我认为这是做到这一点的方法,但我无法让它发挥作用,所以我也愿意接受更正和其他方法。 最佳答案 你走在正确的道路上,但你需要额外的包装器才能使其工作......Itemcontent然后是你的

javascript - 滚动条上的 Twitter Bootstrap 导航栏阴影

我希望执行以下操作http://codepen.io/anon/pen/eIfdn用于TwitterBootstrap导航栏。它只是在滚动时向导航栏添加阴影。任何建议都会有所帮助,谢谢。.navbar{*position:relative;top:0;left:0;width:100%;height:80px;z-index:999;-webkit-box-shadow:08px8pxrgba(0,0,0,0.5);-moz-box-shadow:08px8pxrgba(0,0,0,0.5);box-shadow:08px8pxrgba(0,0,0,0.5);display:none;

css - 嵌套的 div 滚动条

我试图让一个内部div来显示y轴滚动条而不是外部div。在示例中,外部div正在滚动,其中包含我不想要的菜单。http://jsfiddle.net/TKDqT/6/CSSdiv#container{overflow:auto;width:90%;height:65%;position:absolute;top:100px;bottom:0;left:0;right:0;margin:0auto-10px;padding:10px;background-color:rgba(0,0,0,0.6);border:0pxsolidblack;border-radius:15px;font-

javascript - 如何设置浏览器滚动条滚动页面的一部分?

我在一些网站上看到过这样做,一个例子是artofadambetts.com.页面上的滚动条只滚动页面的一个元素,而不是整个页面。我查看了源代码,但还没有弄明白。这是怎么做到的? 最佳答案 这很漂亮。他在大多数div上使用“position:fixed”,滚动的是没有的。 关于javascript-如何设置浏览器滚动条滚动页面的一部分?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

html - silverlight 应用程序的浏览器滚动条问题。(Html)

我有一个简单的silverlight应用程序,我需要为其添加Web浏览器滚动条。(滚动条不在我的silverlight应用程序中)所以我有html:html,body{height:100%;overflow:auto;}body{padding:0;margin:0;}#silverlightControlHost{height:100%;min-height:600px;min-width:800px;text-align:center;}我遇到了下一个问题:当启用滚动条时,垂直滚动条无法正常工作silverlight应用程序不适合页面内容。(屏幕上的红色箭头显示没有silverl

html - 文本区域水平。滚动条不适用

我有一个包含代码的文本区域。问题是,为了让它看起来不错,Textarea必须停止环绕文本,而改用水平滚动条。我试过这个:textarea{overflow:scroll;overflow-y:scroll;overflow-x:scroll;overflow:-moz-scrollbars-horizontal;}还有这个:textarea{overflow:auto;overflow-y:scroll;overflow-x:scroll;overflow:-moz-scrollbars-horizontal;}但是水平滚动条不适用。正确的做法是什么? 最佳

html - 隐藏滚动条但保留以原生感觉滚动的能力

我搜索了这个问题的答案并找到了hidescrollbarwhilestillabletoscrollwithmouse/keyboard但是jQuery插件并不能完全满足我的要求。首先,滚动感觉有点草率和无法控制。我需要它的原因很简单:当您展开某些元素并且滚动条出现在侧面并使所有内容向左移动时,我的页面会变长一点。我希望有一种方法可以避免这种情况,要么能够始终保持滚动条可见,要么完全隐藏它但仍保持native滚动能力。这是我的意思的一个例子:http://screencast.com/t/Roi3HJtHyH当点击长条目时,内容会向左移动,这个效果看起来有点难看。

javascript - Flexslider 100% 宽度创建水平滚动条

http://dl.dropbox.com/u/29703851/js/demo/index.html这是演示。我想使用100%宽度的flexslider,但是当鼠标光标在flexslider之外时,我会得到奇怪的额外宽度和水平滚动条。当我浏览flexslider时,水平滚动条消失了。有什么建议吗?我使用的是演示代码,没有更改css,也没有更改js。刚刚删除了周围所有的div,只留下一个类为flexslider的div。是否有100%宽度的正确方法? 最佳答案 溢出问题已解决:隐藏;在.flexslider

html - 如何在谷歌浏览器上删除 iframe 的水平滚动条

我想启用垂直滚动并关闭水平滚动。使用scrolling="no"不是我想要的,因为我仍然想要垂直滚动。我试过将它添加到css#myiframe{overflow-x:hidden;overflow-y:auto;}但它仍然只显示chrome的水平滚动条。其余的浏览器都很好。感谢任何帮助 最佳答案 如果您有权访问iframe源页面,您可以放置​​body{overflow-x:hidden;}在那个页面里面。如果您不这样做,但至少页面来自同一域,我相信父页面中的类似内容应该可以工作:#myiframebody{overflow-x:h

java - 在 JScrollPane 上设置滚动条

我有这个由HTMLEditorKit支持的JTextPane(包装在JScrollPane中)。JTextPane的内容是简单的HTML,其中包含一些使用img标签嵌入的图像(本地文件)。问题是,当您加载JTextPane时,加载需要一瞬间,然后页面底部出现滚动条。如果我这样做:JTextPanetext=newJTextPane();JScrollPanescroll=newJScrollPane(text);//dosomesetup...scroll.getVerticalScrollBar().setValue(0);它会暂时设置滚动条,然后另一个thead(大概是负责加载图像