javascript - 如何使用 jQuery 缓慢地将 css 属性更改为自动?

标签 javascript jquery html css jquery-ui

我有一个元素设置为 position:fixedbottom: auto; 在某些时候我做 .animate({bottom : '10% '}); 滑动很流畅,然后我想把它设置回自动。

如果我执行 .css('bottom','auto'); 它会滑动,但不会很慢。所以它立即回到原来的位置。

我不能使用 .animate(); 那么我该怎么做呢?

一种方法可能是使用 .toggleClass(); ,但是没有改变它的类的方法吗?

我也试过放一个很长的-webkit-transition时间,但它仍然立即移动到原来的位置。

另一种解决方案可能是将初始位置保存在变量中并将其放回那里,但这对我不起作用,因为初始位置可能会或可能不会在此函数中更改。

最佳答案

你不能慢慢地在 CSS 中将某些东西设置为自动,因为一旦它变成自动,计算实际上会将自动分配给一个值。既然你是在 JS 中做这件事,你不能做计算并将底值设置为那个吗?

关于javascript - 如何使用 jQuery 缓慢地将 css 属性更改为自动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19076996/

相关文章:

javascript - iframe 内的 onclick 用于 iframe 外的按钮

php - DD_belatedPNG 和 DD_roundies 与 Opera 中的 Cufon 有冲突

javascript - String.prototype.replace 不会替换 &times 字符

jquery - 如何在silverlight windows Phone sdk中实现流畅的页面导航。如下图所示

javascript - jQuery 获取第 n 个 :child from table after creating that with ajax

javascript - 检测字符串中的主题标签和@

javascript - 检查脚本加载后是否经过 5 分钟

javascript - 从速记条件语句中获取 bool 值

html - Bootstrap 4 下拉触发错误的元素

javascript - html 5 音频文件播放完毕后重定向到新页面