我正在处理一个宽度为760像素的着陆页,并且需要一个包含980像素宽内容(Flash演示)的iframe。所以我需要有一个水平滚动条才能查看全部内容。但是,无论我添加什么作为滚动属性(例如scrolling="auto/yes"等),都没有任何反应-根本没有水平滚动条。iframe中显示的页面在源代码中有如下命令:body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;overflow-x:hidden;}据我了解,这就是为什么我的iframe中没有水平滚动条的原因。有什么解决方法吗?
在我的css中我改变了滚动条的样式,它看起来像body::-webkit-scrollbar{width:0.7em;}body::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(154,165,159,0.5);}body::-webkit-scrollbar-thumb{background-color:#D0CACD;outline:1pxsolidLightGrey;box-shadow:7px7px50pxgrey;}它有效。如果我添加悬停:body::-webkit-scrollbar-thumb:hove
我创建了一个滚动条,它在googlechrome和firefox中工作得很好,但在IE中却不行。我觉得它与line-height属性有关。我的代码:HTML:CSS:#scrollbar{margin-top:10px;height:220px;float:right;overflow-y:scroll;line-height:403px;}这是我的jsfiddle.无论如何要让它在IE中工作? 最佳答案 更改到 .IE比更好地拾取不间断空间。标签。http://jsfiddle.net/s9sycey1/3/
鼠标悬停在一个元素上,会出现一个提示。提示溢出页面,触发滚动条,滚动条改变布局,使触发提示的底层元素不再位于鼠标指针下方,因此提示消失。提示消失了,所以滚动条也消失了,现在鼠标又在元素上了。清洗、漂洗、重复。如果我能确保提示不会太大而触发滚动条,那将解决我的问题。编辑:阅读评论后,需要澄清一些事情:div包含可以变化的文本。如果可以,我想显示所有文本。div的位置需要靠近鼠标Nib所在的元素。所以关键是,我需要知道是否chop文本。我确实找到了这个链接:http://www.howtocreate.co.uk/tutorials/javascript/browserwindow其中包含
如何在我的div中只显示水平滚动条。我有带状图像,我只想为它们显示水平滚动条。我不想显示垂直滚动条。请帮助...这是我的HTML这是我的CSS#wrapper{width:auto;height:130px;}#containersimg{background-color:#bbb;width:300px;height:130px;overflow-x:scroll;}img{float:left;clear:none;margin:5px;}我创建了一个fiddle来演示我想要实现的目标FiddleLink编辑1:我能想到的唯一方法是将宽度添加到wrapperdiv,我不能这样做,因
我有一个简单的CSS设置,但不确定如何解决我的问题。我在左侧有一个固定的侧边栏,在右侧有一个内容Pane。左侧是右侧的目录,因此用户可以轻松跳转到右侧报告中的各个位置。我希望边栏保持固定,因为报告很长(因此有目录),如果它与主要内容一起滚动,那么它就毫无值(value),因为他们总是必须滚动到顶部才能访问它。我遇到的问题是,在许多情况下,TOC太长并且超出了侧边栏的底部,因此我需要让侧边栏有一个独立于主要内容的滚动条。我知道这可以通过框架实现,但如何使用CSS实现呢?下面的代码 最佳答案 找到了,需要用overflow-y:scro
是否有样式、修改或删除可滚动htmldiv的滚动条? 最佳答案 我相信您唯一的选择是使用CSS完全删除滚动条。#your_div{overflow:hidden;}滚动条本身是“浏览器的东西”,因此无法设置样式。编辑:如果您愿意使用“假”滚动条——也就是说,它们不是真正的浏览器滚动条,它们是使用“类似”滚动条的Javascript/jQuery创建的HTML元素--然后你可以使用Jscrollpane.滚动看起来非常流畅和漂亮,但我担心它在更新颖的环境中如何工作——即触摸屏界面。DemosofJScrollpane.
我有下一个html:容器div为1050px宽,仅包含垂直重复的阴影背景。内容div为950像素宽,位于容器div(水平)的中间并包含内容。我需要什么-仅当浏览器窗口小于内容div时才显示水平滚动条,但容器div不应导致滚动条出现。我怎样才能做到?overflow-x:hidden不起作用。谢谢http://jsfiddle.net/98Eqf/1/ 最佳答案 然后我建议使用媒体查询来检查浏览器是否为950像素宽,然后使滚动条出现。这将允许您在它变大时使用overflow-x:hidden;,然后一旦它变小,您就可以使用overfl
我正在使用Bootstrap3.1.1,当我有一个页面由于内容很多而需要垂直滚动条时,Bootstrap将html正文移动超过-15像素以为垂直滚动条腾出空间。这对Bootstrap模式来说是个大问题,但我相信它已在3.0.1中修复。有什么想法、技巧或技巧可以避免这个问题吗? 最佳答案 使滚动条始终可见,因此在从长页面来回切换时不会出现视觉跳动。CSS:html{overflow-y:scroll;} 关于html-出现滚动条时如何阻止Bootstrap3.1.1向左移动内容?,我们在S
我有3个嵌套的div:.innerdiv是绝对位置,它们每个都有1px边框:.outer{width:50%;height:100px;border:1pxsolidred;position:relative;overflow-x:hidden;box-sizing:border-box;}.inner{border:1pxsolidblue;height:100%;position:absolute;box-sizing:border-box;}.item{width:100px;height:100%;background-color:yellow;display:inline-b