javascript - 如何从 JavaScript 设置过渡,同时仍然从 CSS 继承样式

标签 javascript css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 8 年前

我想设置transform: translate(50px, 25px)从 JavaScript(我想计算 50 和 25 坐标)到元素 <div id="foo">bar</div>并继承自 CSS #foo { transform: scale(.8) } .

我明确希望在 CSS 中定义比例。

我想知道是否可以从 JS 中仅覆盖一种类型的转换而不覆盖整个转换属性。 (例如:与边距一样;如果您在 CSS 中设置边距:10px 20px 30px 40px;您可以直接访问 margin-top 并更改它而不会影响其他 3 个边)。

最佳答案

您需要使用 window.getComputedStyle 从 CSS 文件中读取样式。阅读当前转换并应用新转换。

看看它是如何工作的: http://jsfiddle.net/Lcjb5vLd/

关于javascript - 如何从 JavaScript 设置过渡,同时仍然从 CSS 继承样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25436269/

上一篇:css - 向右/向左浮动使元素隐藏

下一篇:css - 如何绕过 Bootstrap 3 中的 768px 折叠阈值?

相关文章:

javascript - 通过绑定(bind)到 div 的 onclick 事件在 iPad 上加载 HTML5 视频

javascript - 如何连接到现有数据库 Sqlite3 node.js

javascript - PHP 代码未返回正确的 MySQL 结果

javascript - 有什么办法可以实时改变元素的宽度?

html - CSS : How to do the reverse of line wrapper

javascript - 为什么我不能重用 CSS 关键帧动画?

html - 你能用 "display: inline"覆盖内部 <div> 吗

javascript - jQuery 选择器 - "this"或 "data"?

javascript - 使用对象数组填充 Highcharts 线

JQuery 和 Jtools