草庐IT

Overflow

全部标签

Android操作栏不显示溢出

我的应用中有一个包含3个项目的操作栏。由于空间问题,只能显示2个,所以我希望显示第一个,其余的显示在溢出中。但是实际上只显示了前2个项目,并且没有检测到溢出。以下是相关代码:list_menu.xmlActivity.javapublicbooleanonCreateOptionsMenu(Menumenu){MenuInflatermi=getMenuInflater();mi.inflate(R.menu.list_menu,menu);returntrue;} 最佳答案 如果你想显示三个点,不管设备菜单按钮如何!然后你可以在你

Android操作栏不显示溢出

我的应用中有一个包含3个项目的操作栏。由于空间问题,只能显示2个,所以我希望显示第一个,其余的显示在溢出中。但是实际上只显示了前2个项目,并且没有检测到溢出。以下是相关代码:list_menu.xmlActivity.javapublicbooleanonCreateOptionsMenu(Menumenu){MenuInflatermi=getMenuInflater();mi.inflate(R.menu.list_menu,menu);returntrue;} 最佳答案 如果你想显示三个点,不管设备菜单按钮如何!然后你可以在你

html - 在 overflow hidden 和滚动条的容器外显示内容

https://jsfiddle.net/rafaelfndev/h63r4mye/是否可以在overflow设置为隐藏的容器上显示tooltip?我知道可以使用position:fixed(绿色容器具有属性overflow:hidden)。我做了2个例子,问题是滚动时...首先按钮与框架一起滚动,其次,工具提示与框架一起滚动。我需要将这些框放入带有overflow:hidden的容器中,并在悬停时显示工具提示(但是,工具提示被容器的overflow:hidden隐藏了).是否可以仅使用CSS来实现? 最佳答案 这样做的方法是设置它

javascript - 创建一个带有 Clipped overflow 的 'trapezium' 形状的 div

我想知道是否有人知道如何使用CSS/Html/Canvas创建梯形。我尝试过将一个散列在一起,但它非常困惑,在现实世界中无法使用。div{width:0;margin-left:-1000px;height:100px;border-right:1000pxsolidlightblue;border-top:60pxsolidtransparent;border-bottom:60pxsolidtransparent;padding-left:1000px;white-space:no-wrap;}这是我的jsFiddle...http://jsfiddle.net/Liamatven

javascript - 我可以扩展一个 div 以便 overflow-y :auto scrollbar doesn't clip the div content?

Similarquestion,withoutagreatanswer:HowcanIincludethewidthof"overflow:auto;"scrollbarsinadynamicallysizedabsolutediv?我有一个具有固定高度,充当宽度统一的按钮菜单。用户可以从菜单中添加/删除按钮。当按钮多于中垂直放置的按钮时,我希望它变得可滚动-所以我正在使用overflow-y:auto,当y中的内容太大时,它确实会添加一个滚动条。.不幸的是,当滚动条出现时,它与菜单按钮重叠,并因此添加了一个水平滚动条-最大的问题是它看起来很糟糕。是否有解决此问题的“正确”方法?我很想

html - 当聚焦于 overflow hidden 的容器内的元素时自动滚动

我注意到在一个包含可聚焦元素的容器上使用overflow:hidden;时会出现奇怪的自动滚动行为:https://codepen.io/anon/pen/aVmavx(您可以使用Tab键更改焦点)。它不会触发onScroll()事件,因为溢出设置为隐藏。所以我想知道如何控制/重置这个“滚动条”?我的目标(它不包含在演示中)是隐藏native滚动条,并在onFocus()时通过translateY()上的CSS转换重新创建滚动效果事件被触发。 最佳答案 你可以这样做:当您focusout最后一个按钮时,#parent的滚动overf

html - 如何为 "text-overflow: ellipsis"和 "float:left"div 制作 "float:right"?

我的网页设计要求要有这样的标题:+-------------------------------------------------------------+|+---------------------++-------++------------------------+|||floatleftDIVA||DIVC||floatrightDIVB|||+---------------------++-------++------------------------+|+---------------------------------------------------------

html - 内容具有 overflow-x : hidden 的 iframe 的水平滚动条

我正在处理一个宽度为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中没有水平滚动条的原因。有什么解决方法吗?

javascript - 如何让 div scroll overflow-x 在移动浏览器上工作?

我有这段代码可以在桌面浏览器上运行。我怎样才能在移动浏览器上实现这种行为?基本上我想创建一个将滚动到两侧的菜单。#navBar{height:55px;width:80px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}#navBardiv{display:inline-block;}akdhbaIDBhbfbhwhfbaibfNav1Nav2Nav3 最佳答案 您可以使用-webkit-overflow-scrolling:touch;启用原生滚动div{overf

javascript - 如何解决 Safari 错误,该错误允许过滤器在 overflow hidden 的情况下逃脱边界?

我正在尝试使用CSS滤镜来模糊图像。在所有浏览器中,无论您将模糊设置为什么值(预期),模糊滤镜都会导致模糊超出图像边界。但我希望定义边缘(并且图像具有框阴影),所以我用另一个div将图像包裹起来,并将overflow设置为hidden。这适用于所有浏览器。但是,由于一些特定于应用程序的限制,我需要在加载和调整大小时使用JavaScript更新包装器的大小。这适用于除Safari之外的所有浏览器。更改包装器元素的大小会随机触发一个绘画错误,过滤器开始脱离包装器的边界。它并不总是,但它似乎在MobileSafari上和/或基于DOM的大小的可能性增加。Here'safiddle有一个小演示