CSS calc 不适用于 Chrome 和 Firefox答案

【问题标题】：CSS calc doesn't work on Chrome and FirefoxCSS calc 不适用于 Chrome 和 Firefox
【发布时间】：2017-07-31 01:29:01
【问题描述】：

我有 id 名称为 #monthlyconfirm_grid 的 div。我使用那个 Jquery 进程来控制从 gridview 滚动但它只适用于 IE，不适用于 Chrome 和 firefox。

$(document).ready(function () {
            var expi = $("#monthlyconfirm_grid").scrollLeft - 2;
            var expr = "calc("+ expi +")";
            $(".locked").css("left", expr);

});

P.S：我在 IE 上使用 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />。

为什么不能在 chrome 和 Firefox 上运行？我该如何解决？

【问题讨论】：

不...没有警告和错误。
给数字添加函数？有趣
我认为 Jquery 文件无法从 chrome 访问，因为当我从 IE 访问时，它显示类似“Jquery readed”之类的消息，而当我从 chrome 访问时，它没有显示任何消息

标签： c# jquery css

【解决方案1】：

scrollLeft 是一个函数，所以你还需要使用括号：

var expi = $("#monthlyconfirm_grid").scrollLeft() - 2;

【讨论】：

谢谢！...但它仍然无法在 Chrome 和 firefox 上运行
no...由于公司规则的信息安全，我无法制作测试页
请尝试 console.log(expi) 并查看值。你确定你需要 calc() 吗？
是的，我之前用过css表达式，发现chrome和firefox不再支持这个表达式。因此，我改为使用 calc()，它在 IE 上可以工作，但在 chrome 和 firefox 上也不能工作。但我认为没有关于支持或不支持的公告。
您尝试过以下方法吗？ $(".locked").css("left", expi + 'px');