草庐IT

Overflow-y

全部标签

html - 显示 : table-row & overflow: auto show different behaviour in Chrome, Firefox(和 IE)

我正在做一个元素,我正在使用display:table和table-rowwithoverflowauto。但它在Firefox(和IE)中的行为并不符合预期。在Chrome中,它的行为是正常的。有thisStackOverflow上的问题,这似乎与我的问题非常相似,但没有给出答案或示例。我尝试在JSbin和Fiddle中重现它,但没有成功。为了说明Chrome和Firefox中的行为,我制作了两个屏幕截图:我还建立了一个小规模的HTML例子,可以找到here.您可以通过在Chrome和Firefox中打开网站并展开文本区域直到底部容器溢出页面来重现。代码html,body{heigh

html - 防止绝对定位元素在{ overflow-y : auto } div from triggering scrollbar

有没有办法在设置overflow-y时防止绝对定位的元素触发滚动条?我的印象是它不会,因为绝对定位的元素通常不会影响父元素的宽度/高度。出于某种原因,这似乎与确定是否在设置overflow-y:auto时显示滚动条无关紧要。有没有办法在不将下拉内容放在DOM中完全不同的位置的情况下解决这个问题?我希望只有那些通常会使元素增长的东西能够触发滚动条。这是显示问题的代码笔:http://codepen.io/isaksky/pen/zxedXe 最佳答案 IMO用户代理使用overflow在包装器中呈现绝对定位的元素除了visible这种

html - 为什么将具有 `inline-block` 的 `overflow:hidden` 元素的基线设置为其底部边距?

在阅读了解释inline-block元素(Whyisthisinline-blockelementpusheddownward?和whythespan'sline-heightisuseless)行为的两个很好的答案后,我还有两个无法解释的问题。1.将inline-block元素的基线从其行框的基线更改为底部边距边缘的原因是什么?http://www.w3.org/TR/CSS2/visudet.html#leadingThebaselineofan'inline-block'isthebaselineofitslastlineboxinthenormalflow,unlessitha

html - overflow:hidden 不剪辑绝对定位的内容

我正在尝试制作一个内部带有滚动文本的框。问题是,当文本位于框的中间位置时,当我希望它被剪裁时它显示在框的外面。HTML/CSS非常简单,我不知道哪里出了问题:#vbox{width:100px;height:500px;overflow:hidden;background:#afa;}#vtext{position:absolute;width:100px;top:250px;}Loremipsumdolorsitamet,consectetueradipiscingelit.Aeneancommodoligulaegetdolor.Aeneanmassa.Cumsociisnatoq

flutter 布局时内容溢出容器的类似Overflow-hidden的简单解决

最近初上手flutter,对很多组件都不熟悉,在做瀑布流的时候发现瀑布流item中使用column布局,不包装Image会导致图片直接溢出。在网上搜索更好的解决方案,但是并没有找到有类似overflowhidden的解决方案,于是尝试了一个比较简单的实现,抛砖引玉。顺便一提,瀑布流使用的是flutter_staggered_grid_view组件Card实现flutter自己提供的Card组件就可以很好解决这个问题。设置Card的clipBehavior即可防止溢出RoundedRectangleBorder则是自定义圆角弧度clipBehavior:Clip.hardEdge,shape:R

c++ - 段错误 : stack overflow

这个问题在这里已经有了答案:Segmentationfaultonlargearraysizes(7个答案)关闭5年前。以下发生在linux2.6.32-220.7.1.el6.x86_64和g++4.4.6中。以下代码:#include#includeintPROB_SIZE=10000000;usingnamespacestd;intmain(intargc,char*argv[]){unsignedintnumbers[PROB_SIZE];cout产生以下SIGSEGV:(gdb)运行启动程序:/home/cpd20202/sorting/errorProgramreceive

javascript - iOS:-webkit-overflow-scrolling:touch 和 scrollTop

我在尝试回到列表顶部时遇到了一些麻烦。我将-webkit-overflow-scrolling:touch放在列表中以获得动量滚动。但是,当我使用jQueryscrollTop();时,动量滚动仍在继续,它会跳到顶部,但不会停止动量。因此它会再次下降,直到势头结束。有没有简单的方法来停止动量滚动? 最佳答案 将列表的-webkit-overflow-scrolling样式设置为'auto',然后在短暂的超时后返回到'touch'。即letscrollContainer=document.getElementById('yourLis

jquery - 父级的高度自动和子级的 overflow-y 滚动,div 不调整大小。 (弹出窗口)

我有以下代码。其目的是向用户显示一个弹出窗口。如您在屏幕截图中所见,登录窗口后出现空白。该寄存器可以工作并且可以使用y-scrolling。当我将.contentWindowContainercss更改为height:auto;时,登录框显示正确,但注册表单失去了滚动能力。显示两个模态的屏幕截图我的问题是如何保留滚动寄存器的功能,同时防止登录框下面有空白?http://codepen.io/anon/pen/LVQeGp如果您将.contentWindowheight属性从auto更改为100%,您应该会看到错误。谢谢,亚当 最佳答案

html - 使用 webkit-overflow-scrolling 时 iOS 文本和图像模糊 : touch

webkit-overflow-scrolling:touch;这在滚动方面非常有效,但它在中明显模糊了文本和图像。与overflow:scroll应用。我已经在3台装有iOS5的不同iPad上试过了。Apple原生的缓动/反弹算法比任何等效的JS算法都要好得多,所以我想开始使用这个新功能!我需要使用的字体更加引人注目。这是一个演示,您可以在装有iOS5的iPad上试用:http://sseeger.drivehq.com/test.htm[Stark,没有webkit-overflow-scrolling:touch;]http://sseeger.drivehq.com/test2

javascript - 任何方式应用 'webkit-overflow-scrolling: touch' 与 javascript 内联?

无法通过jquery或nativejavascript在DOM中显示此属性。jquery似乎不支持它,我找不到有效的native名称/语法。有帮助吗?? 最佳答案 正确的语法是el.style.WebkitOverflowScrolling='touch';//capitalW这(几乎)就像从css到JS的通常命名约定一样,比如border-top正在变成borderTop,...只是webkit的东西得到了一个大写的首字母。 关于javascript-任何方式应用'webkit-ove