草庐IT

overflow-menu

全部标签

html - CSS 动画不适用于 'overflow: hidden;'

如果有人可以通过告诉我我做错了什么来指出正确的方向,我将不胜感激。请看这个example.如您所见,我正在尝试在单击按钮时将“div2”移动到“div1”。它实际上工作正常,第二个div按预期出现在第一个div中,但由于某种原因,单击不会触发CSS动画,这应该给第二个div一个幻灯片效果。我已经将它缩小到它与“溢出:隐藏”属性有关,因为当它从“div1”中删除时动画实际上会工作,但正如你很可能想出的那样我想要第二个div只有在位于第一个div中时才可见。为什么动画不工作?我正在使用Chrome、OSX。提前致谢!/克里斯托弗 最佳答案

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

.net - asp.net mvc 和 css : Having menu tab stay highlighted on selection

有更好的方法吗?我有一个HTML辅助扩展方法,它检查当前选项卡菜单是否是所选菜单,然后选择.selectedcss类。我将html.IsSelected链接放在每个li中作为">其中a是选项卡名称,b是分配的ViewData。这是干净的还是有更好的方法? 最佳答案 我在我的一个元素中使用了这种方法,并且效果很好。我在每个Controller中分配了ViewData["Home"]="activeTab"类,并在View中使用默认值空字符串,如下所示。如果采用该viewData字典的值,这将使选项卡处于事件状态。很简单也很干净。您的家

.net - asp.net mvc 和 css : Having menu tab stay highlighted on selection

有更好的方法吗?我有一个HTML辅助扩展方法,它检查当前选项卡菜单是否是所选菜单,然后选择.selectedcss类。我将html.IsSelected链接放在每个li中作为">其中a是选项卡名称,b是分配的ViewData。这是干净的还是有更好的方法? 最佳答案 我在我的一个元素中使用了这种方法,并且效果很好。我在每个Controller中分配了ViewData["Home"]="activeTab"类,并在View中使用默认值空字符串,如下所示。如果采用该viewData字典的值,这将使选项卡处于事件状态。很简单也很干净。您的家

css溢出时IOS闪烁bug :scroll is changed to overflow:hidden

我正在通过phonegap构建一个应用程序,当我从屏幕底部向上滑动菜单时,我想在后台禁用div的滚动;通过将溢出从滚动更改为隐藏,为什么菜单滑动有效,但它会导致屏幕闪烁。任何人都知道当溢出属性改变时停止div闪烁的任何hackarounds? 最佳答案 闪烁错误与智能手机的GPU内存有关。内存是有限的(VRAM),如果元素太复杂或比内存大,它就会被耗尽。在带有CyanogenModrom的android中,您可以在屏幕中查看带有颜色的gpu处理。从绿色(低使用率)到红色(GPU使用率较高)。Demoimage.但是我不知道IOS有没

css溢出时IOS闪烁bug :scroll is changed to overflow:hidden

我正在通过phonegap构建一个应用程序,当我从屏幕底部向上滑动菜单时,我想在后台禁用div的滚动;通过将溢出从滚动更改为隐藏,为什么菜单滑动有效,但它会导致屏幕闪烁。任何人都知道当溢出属性改变时停止div闪烁的任何hackarounds? 最佳答案 闪烁错误与智能手机的GPU内存有关。内存是有限的(VRAM),如果元素太复杂或比内存大,它就会被耗尽。在带有CyanogenModrom的android中,您可以在屏幕中查看带有颜色的gpu处理。从绿色(低使用率)到红色(GPU使用率较高)。Demoimage.但是我不知道IOS有没

html - iOS 10 : uncertain freezing during scroll of HTML list styled with -webkit-overflow-scrolling: touch

概览这个问题是关于滚动期间的不确定卡住这是用CSS设置样式-webkit-overflow-scrolling:touch在iOS的Safari浏览器上。类似问题我读过类似的问题或帖子DivscrollingfreezessometimesifIuse-webkit-overflow-scrollingiOS9`-webkit-overflow-scrolling:touch`and`overflow:scroll`breaksscrollingcapabilityWebkitoverflowscrollingtouchCSSbugoniPadhttp://patrickmuff.ch

html - iOS 10 : uncertain freezing during scroll of HTML list styled with -webkit-overflow-scrolling: touch

概览这个问题是关于滚动期间的不确定卡住这是用CSS设置样式-webkit-overflow-scrolling:touch在iOS的Safari浏览器上。类似问题我读过类似的问题或帖子DivscrollingfreezessometimesifIuse-webkit-overflow-scrollingiOS9`-webkit-overflow-scrolling:touch`and`overflow:scroll`breaksscrollingcapabilityWebkitoverflowscrollingtouchCSSbugoniPadhttp://patrickmuff.ch

html - 为什么 bootstrap 中的 media-body 类宽度为 10,000px 而 media 类 overflow hidden 和缩放 1?

我对bootstrap中的媒体类有一些疑问。为什么bootstrap中的.media-body类的宽度为10,000px?为什么他们使用display:table-cell而不是display:block?为什么overflow:hidden和zoom:1用于.media类?为什么带有.media-body的div实际上不采用10,000px宽度?如果.media类中没有使用overflow:hidden和zoom:1会发生什么情况?至于我的努力,我删除了overflow、zoom和10,000px宽度,没有发现任何差异。 最佳答案