草庐IT

overflow

全部标签

javascript - overflow hidden 的滚动条 :scroll enabled

我需要在有overflow:scroll;的div上隐藏滚动条;启用后,div将随鼠标和键盘滚动,但不会显示滚动条本身。有没有办法用css或javascript来做到这一点? 最佳答案 您可以使用纯CSS(至少在webkit浏览器中)做到这一点。你必须使用特殊的滚动条伪类来实现这一点::-webkit-scrollbar{display:none;}阅读这篇精彩的blogpost了解更多信息。 关于javascript-overflowhidden的滚动条:scrollenabled,我

javascript - overflow hidden 的滚动条 :scroll enabled

我需要在有overflow:scroll;的div上隐藏滚动条;启用后,div将随鼠标和键盘滚动,但不会显示滚动条本身。有没有办法用css或javascript来做到这一点? 最佳答案 您可以使用纯CSS(至少在webkit浏览器中)做到这一点。你必须使用特殊的滚动条伪类来实现这一点::-webkit-scrollbar{display:none;}阅读这篇精彩的blogpost了解更多信息。 关于javascript-overflowhidden的滚动条:scrollenabled,我

html - 溢出 :hidden on div in ordered list affects li, Chrome 错误?

这个问题在这里已经有了答案:Listwithnested`overflow-x:hidden`hideslistcounter/point-why/isthisabug?(2个答案)关闭5年前。我倾向于认为这是Chrome中的一个错误(为什么子元素上的样式会影响父元素?),但可能还有其他我不理解的事情发生。下面的有序列表有1个元素,在Firefox和IE10中是有编号的(尽管在IE中,它的位置是错误的)。不过在Chrome中,这个数字是完全隐藏的。ol{list-style-position:outside;}div{overflow:hidden;white-space:nowrap

html - 溢出 :hidden on div in ordered list affects li, Chrome 错误?

这个问题在这里已经有了答案:Listwithnested`overflow-x:hidden`hideslistcounter/point-why/isthisabug?(2个答案)关闭5年前。我倾向于认为这是Chrome中的一个错误(为什么子元素上的样式会影响父元素?),但可能还有其他我不理解的事情发生。下面的有序列表有1个元素,在Firefox和IE10中是有编号的(尽管在IE中,它的位置是错误的)。不过在Chrome中,这个数字是完全隐藏的。ol{list-style-position:outside;}div{overflow:hidden;white-space:nowrap

html - border radius + overflow hidden + inner element (progress bar) 使锯齿状边缘伪影

我正在尝试构建一个进度条,非常简单。我有一个嵌套在托盘内的酒吧。托盘上设置了overflow:hidden和border-radius。这是jsFiddle证明问题。如您在图片中所见,进度条左侧有一个锯齿状的瑕疵。父级进度条(深色背景)的抗锯齿边缘似乎在流血出去。所需的行为是bar/fill元素用于消除进度条的锯齿。我尝试过的一个简短的解决方案是绝对定位内部div,但是进度条需要能够从0%到1%进行动画处理,并且看起来没有overflow:hidden剪辑。我在Chrome和Firefox看到了这个工件,所以我不会立即怀疑它是Webkit中的错误。我还注意到这个错误也会影响Bootst

html - border radius + overflow hidden + inner element (progress bar) 使锯齿状边缘伪影

我正在尝试构建一个进度条,非常简单。我有一个嵌套在托盘内的酒吧。托盘上设置了overflow:hidden和border-radius。这是jsFiddle证明问题。如您在图片中所见,进度条左侧有一个锯齿状的瑕疵。父级进度条(深色背景)的抗锯齿边缘似乎在流血出去。所需的行为是bar/fill元素用于消除进度条的锯齿。我尝试过的一个简短的解决方案是绝对定位内部div,但是进度条需要能够从0%到1%进行动画处理,并且看起来没有overflow:hidden剪辑。我在Chrome和Firefox看到了这个工件,所以我不会立即怀疑它是Webkit中的错误。我还注意到这个错误也会影响Bootst

html - "overflow-y: scroll;"隐藏水平线上溢出的元素

我有一个parentdiv,它包含一个绝对定位的childdiv。childdiv位于parentdiv的初始边界之外。渲染正常,没有任何问题。我添加了一个overflow-y:scroll;到parentdiv,现在child元素被隐藏了,尽管添加了overflow-x:可见;.CSS#parent{position:relative;overflow-y:scroll;overflow-x:visible;}#child{position:absolute;left:-50px;}还有一个Fidle 最佳答案 我们在stacko

html - "overflow-y: scroll;"隐藏水平线上溢出的元素

我有一个parentdiv,它包含一个绝对定位的childdiv。childdiv位于parentdiv的初始边界之外。渲染正常,没有任何问题。我添加了一个overflow-y:scroll;到parentdiv,现在child元素被隐藏了,尽管添加了overflow-x:可见;.CSS#parent{position:relative;overflow-y:scroll;overflow-x:visible;}#child{position:absolute;left:-50px;}还有一个Fidle 最佳答案 我们在stacko

html - 固定宽度的列表强制在容器上扩展

显然是一个经典问题,但我发现的“解决方案”并没有奏效,包括关于SO的各种其他问题。如果我的表格比它的容器宽,我希望我的表格单元格宽度保持固定,而不是调整大小以适应容器。可重现的HTML(由PHP生成):".($i+1)."";}?>Thisis150pxwide.我尝试过的:table-layout:fixedspan容器display:inline-block设置div带行内block的容器看来应该有一个简单的方法可以让前面的代码生成一个溢出正文的表格。有人可以帮忙吗?编辑我之前的写法可能看不太清楚,但是我想自己指定列宽。我试图在不明确指定表格宽度的情况下执行此操作。只有TD会迫使t

html - 固定宽度的列表强制在容器上扩展

显然是一个经典问题,但我发现的“解决方案”并没有奏效,包括关于SO的各种其他问题。如果我的表格比它的容器宽,我希望我的表格单元格宽度保持固定,而不是调整大小以适应容器。可重现的HTML(由PHP生成):".($i+1)."";}?>Thisis150pxwide.我尝试过的:table-layout:fixedspan容器display:inline-block设置div带行内block的容器看来应该有一个简单的方法可以让前面的代码生成一个溢出正文的表格。有人可以帮忙吗?编辑我之前的写法可能看不太清楚,但是我想自己指定列宽。我试图在不明确指定表格宽度的情况下执行此操作。只有TD会迫使t