Tag: css

使用jQuery同步滚动？

我正在尝试使用以下代码实现两个DIV同步滚动。 DEMO $(document).ready(function() { $(“#div1”).scroll(function () { $(“#div2”).scrollTop($(“#div1”).scrollTop()); }); $(“#div2”).scroll(function () { $(“#div1”).scrollTop($(“#div2”).scrollTop()); }); }); #div1和#div2具有相同的内容但是大小不同 #div1 { height : 800px; width: 600px; } #div1 { height : 400px; width: 200px; } 使用此代码，我面临两个问题。 1）滚动没有很好地同步，因为div具有不同的大小。 我知道，这是因为，我直接设置了scrollTop值。 我需要找到滚动内容的百分比，并为另一个div计算相应的scrollTop值。 我不确定，如何找到实际高度和当前滚动位置。 2）此问题仅在firefox找到。 在Firefox中，滚动不像其他浏览器那样流畅。 我认为这是因为上面的代码创建了一个无限循环的滚动事件。 我不确定，为什么这只发生在firefox上。 有没有办法找到滚动事件的来源，以便我可以解决这个问题。 任何帮助将不胜感激。

获取JS中DOM元素的计算字体大小

是否可以检测DOM元素的计算font-size ，考虑在其他地方（例如在body标签中）进行的通用设置，inheritance的值等等？ 一个独立于框架的方法会很好，因为我正在研究一个独立运行的脚本，但这当然不是必需的。 背景：我正在尝试调整CKEditor的字体选择器插件（源于此处 ），以便它始终显示当前光标位置的字体大小（而不是仅在具有显式font-size设置的范围内时，这是目前的行为）。

防止JavaScript文件的浏览器缓存的更好方法

这就是我们如何防止浏览器缓存JS和CSS文件。 这似乎有点hacky ..有更好的方法吗？ <link rel="stylesheet" type="text/css" media="screen" href="/css/management.css?” /> <script type="text/javascript" src="/js/pm.init.js?”> <script type="text/javascript" src="/js/pm.util.func.js?”> 更新：我们想要阻止缓存的原因是确保在我们执行新版本时加载更新版本的文件。