javascript - CSS > 固定页脚转换 : slide up, 没有动画?为什么以及如何解决... + JSfiddle

标签 javascript jquery html css

我正在使用 CSS 制作固定页脚。在演示中你可以看到我的尝试。但我对 css3 转换有疑问。基本上我有一个切换按钮,点击事件后必须在底部显示固定栏。

.footer {position: fixed; top: 100%}
.enabled .footer {top: auto; bottom: 0} 

http://jsfiddle.net/ItalianD3V/xzbK8/

最佳答案

它不会过渡,因为您正试图将 .footer 元素从 top: 100% 过渡到 top: auto。浏览器无法转换为“自动”或从“自动”转换。您必须在 .share > .footer 规则中建立一个特定的值。

关于javascript - CSS > 固定页脚转换 : slide up, 没有动画?为什么以及如何解决... + JSfiddle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22145332/

相关文章:

Javascript,查看 [object HTMLInputElement]

javascript - 在 Eclipse 中查找/替换多行代码

javascript - 将 jQuery UI Slider 与 Checkbox 事件绑定(bind)的问题

javascript - CSS 选择器高度 100% 和宽度 :auto, 首先失败然后正常工作

javascript - 在 jquery 日期选择器的 beforeShowDay 中添加 html

javascript - Fullcalendar + Angular 6 和 jQuery : TS2304: Cannot find name 'JQueryPromise'

javascript - CSS-在(任何)html 文本中的某些单词上方注入(inject)和对齐图像,而不会破坏文本流

jquery - 使用 jquery 更改 css 位置

jquery - 如何在 jQuery Mobile 上实现 ResideMenu?

javascript - 如何预加载带有广告的外部JS文件?