草庐IT

overflow-dropdown

全部标签

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

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

html - 如何调整 DropDown <select> 框的宽度?

我需要在不使用css的情况下调整选择HTML框的宽度,有什么办法吗?我尝试了大小,但它正在调整高度,而宽度没有任何作用?还有别的办法吗? 最佳答案 根据http://www.w3.org/TR/html401/interact/forms.html#h-17.6无法在纯HTML中执行此操作.您可以使用style元素设置它,尽管它是内联的,但有点没有css。 关于html-如何调整DropDown框的宽度?,我们在StackOverflow上找到一个类似的问题:

html - 如何调整 DropDown <select> 框的宽度?

我需要在不使用css的情况下调整选择HTML框的宽度,有什么办法吗?我尝试了大小,但它正在调整高度,而宽度没有任何作用?还有别的办法吗? 最佳答案 根据http://www.w3.org/TR/html401/interact/forms.html#h-17.6无法在纯HTML中执行此操作.您可以使用style元素设置它,尽管它是内联的,但有点没有css。 关于html-如何调整DropDown框的宽度?,我们在StackOverflow上找到一个类似的问题:

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-

javascript - jQuery 日期选择器 : Convert select dropdown into ul

我正在使用jquery-uidatepicker组件,但是month和year下拉列表是select标签。我需要以select元素无法实现的方式设置它们的样式,因此我想将它们转换为ul元素。任何帮助将不胜感激-这是一个带有jquery-uidatepicker的入门jsFiddlehttps://jsfiddle.net/GeekOnGadgets/wra3pcsv/ 最佳答案 以下代码可能对您有所帮助。你可以在这个jsFiddle中看到结果.//Replaceaselectelementbyaulelementvarconvert

javascript - jQuery 日期选择器 : Convert select dropdown into ul

我正在使用jquery-uidatepicker组件,但是month和year下拉列表是select标签。我需要以select元素无法实现的方式设置它们的样式,因此我想将它们转换为ul元素。任何帮助将不胜感激-这是一个带有jquery-uidatepicker的入门jsFiddlehttps://jsfiddle.net/GeekOnGadgets/wra3pcsv/ 最佳答案 以下代码可能对您有所帮助。你可以在这个jsFiddle中看到结果.//Replaceaselectelementbyaulelementvarconvert

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