程序员经验分享-hwhale

CSS3 性能？向左动画或平移X

2024-02-10

在我制作的 HTML5 / CSS3 演示中，我主要使用 CSS 过渡来提高性能。

我想知道我的 UI - 例如，当前 JQuery 根据鼠标位置操纵容器 Div 的 LEFT 属性，我应该使用transform: translateX(tx)反而？或者如果浏览器支持，JQuery 会自动执行此操作吗？


jquery 不使用transform:translateX(tx) 来代替。 你必须手动完成。但这是一个很好的做法，因为它实际上要快得多。

http://jsfiddle.net/MZBtr/2/ http://jsfiddle.net/MZBtr/2/

你可以使用现代化 http://www.modernizr.com/进行特征检测，然后根据结果决定做什么。

这是一个演示它的演示：http://jsfiddle.net/zWavD/1/ http://jsfiddle.net/zWavD/1/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

html

css

CSS3 性能？向左动画或平移X 的相关文章

  • 使用 moment.js 和 setInterval 动态日期和时间

    我试图找出如何使用显示动态日期和时间moment js http momentjs com 显然我无法弄清楚如何正确使用 setInterval 如果可能的话 我不想使用 jQuery 因为 moment js 不需要它 这是我到目前为止所

  • 解决错误 413 请求实体太大

    我正在从事的项目允许我们的员工将大文件上传到我们的共享主机并获取下载链接 问题是我们的托管拒绝更改共享托管的 LimitRequestBody 还有其他解决方案可以解决 LimitRequestBody 或任何其他方法来完成这项工作吗 有两

  • 使用 AppleScript 单击 safari 网页按钮

    我想弄清楚如何单击网页中的按钮 例如 点击谷歌网页中的 手气不错 按钮 这是我尝试过的 tell application Safari make new document with properties URL https www goog

  • 我应该使用媒体查询来定位哪些设备/推荐尺寸？

    我是响应式网页设计的新手 并且感到困惑 因为对于使用哪些媒体查询以及要定位哪些设备有不同的偏好 有标准吗 我想定位 iPhone iPad 和其他流行设备 我在网上找到了这个 Smartphones portrait and landsca

  • 带有 HTML 的 UIActivityViewController

    当我将包含 HTML 内容的字符串作为数组元素传递给UIActivityViewController initWithActivityItems方法中 它不会在选定的 共享 控制器中将其呈现为 HTML 而是呈现 HTML 源 即标记而不是

  • Razorpay 支付集成 -> 我如何检测关闭按钮 X 附近的 razorpay 模型

    我在 CI 框架中使用 Razorpay 当用户在没有付款的情况下关闭时 创建 razor 支付模型 然后对于取消订单 我希望通过状态更改为已取消来触发查询 那么我怎样才能检测到这一点 我已经在使用 by click jQuery 点击关闭

  • Bootstrap“navbar-brand”导致“navbar-nav”项目从导航栏中的中心位置向右移动？

    我正在尝试创建一个导航栏 其左侧有 品牌 LOGO 而实际的导航项目位于整个栏的中心 我正在使用默认的 Bootstrap 导航栏 因为我一周前才开始学习 Web 开发 到目前为止 情况是这样的 但是 您可以看到导航项稍微移动到页面实际中心

  • height:100% 在 Internet Explorer 中不起作用

    我有一个关于 CSS 属性的问题height 100 在 Internet Explorer 中 height 100 在 IE 中不起作用 但在 Firefox 和 Chrome 中可以 HTML 文件 div ul ul div

  • 如何知道 Solr Optimize 何时完成？

    我正在使用 Solr php client 通过 php 与 Solr 进行通信 这段代码触发solr优化命令 solr gt optimize 请问有没有什么方法可以确定优化完成了 这都是因为我的网站上有一个管理页面 我每天必须手动优化

  • Facebook Instant Game - 上传捆绑的 zip 文件会导致 Web 托管出现 SDK 参考错误

    当我尝试上传简单的游戏 应用程序时 我收到一条错误消息 游戏必须通过我们的 CDN 引用我们支持的 SDK 之一 不过我已经给出了 SDK 参考 难道不是这个吗 我也浏览了 facebook 文档的 SDK 参考 但它对我不起作用 有人以前

  • 如何在 Yii 框架中使用 jQuery？

    如何在 yii 中使用 jquery javascript 如何在 yii 中使用我的脚本 为什么这与以其他方式使用 jQuery 有什么不同 如何在yii中使用jquery 如上所述 您可以注册新的脚本块 也可以注册新的外部脚本文件 您还

  • 应返回带有 html 代码的字符串的支持 bean 属性返回空字符串

    我的支持 bean 中有一个返回 html 代码的属性 public String getHtmlPrevisualizar return Hello world 我想要做的是在 iframe 中显示这个 html 代码 我用 JavaSc

  • 管道符 (|) 和脱字符号 (^) 属性选择器有什么区别？

    At W3学校 http en wikipedia org wiki W3Schools他们声明两者 http www w3schools com cssref sel attribute value lang asp and http w

  • Selenium 查看鼠标/指针

    有什么方法可以在运行测试时真正看到硒鼠标吗 要么是 Windows 光标图像 要么是某种点或十字线或任何东西 我正在尝试使用拖放功能selenium and java in an HTML5Web 应用程序 并且能够看到光标以了解它实际在做

  • JavaScript - 替换 html 字符串中的特定单词索引

    我在 JS 字符串操作方面面临着一项具有挑战性的任务 有一个 HTML 字符串 我需要在其中替换特定单词索引处的单词 单词索引是忽略 HTML 标签时单词的编号 例如 下面是 HTML 字符串 span style font family

  • jquery load() 去除脚本标签 - 解决方法？

    有谁知道 jquery load 的解决方法 去掉从外部内容加载的脚本标签 有很多文档证明这种情况发生 但在网上搜索了大约 4 个小时后我找不到解决方法 我正在加载动态生成的 div 类似于搜索结果页面 并且需要将 click 绑定到每个动

  • 手动渲染 Twig 字符串时禁用 HTML 转义

    我有以下代码将字符串呈现为 HTML 输出 如何阻止它转义 HTML 文本 template who bar params array who gt Foo s twig new Twig Environment new Twig Load

  • HTTPS 网站上的 ShareThis 按钮不可点击

    我已将 共享此 按钮添加到我的安全站点 现在单击它们时会产生错误 下面提到了错误 以前有人遇到过这个问题吗 阻止加载混合活动内容 http w sharethis com button buttons js http w sharethis

  • 使用 JavaScript 和 HTML 打印表情符号

    为什么这有效 p x1f604 p 而这并没有 document getElementById emoji innerHTML String fromCharCode parseInt 1f604 16 JS 术语中的 char 实际上是一

  • 获取鼠标在滚动条上的位置

    当我向下滚动或向上滚动时如何获取鼠标位置 我试过这个 document mousemove function event captureMousePosition event scroll function event xMousePos

随机推荐

  • 从流中获取父对象

    我有这门课 public class StructUserType extends UserType MembersList membersList new MembersList public List

  • Java 中的 Swagger 规范验证

    我正在尝试验证一些可能包含 swagger 规范的字符串 我正在尝试使用 swagger 解析器 下面的代码不起作用 我只收到消息 属性不是类型object swagger 规范是从 xml 文件中读取的 swaggerXml nodeLi

  • Webpack - 加载块 0 失败

    我的一些用户收到此错误 未处理的拒绝消息 加载块 0 失败 堆栈 正在加载 块 0 在 HTMLScriptElement n 处失败 问题是 我没有成功复制它 我已经有一段时间出现这个错误了 对于相同的用户来说 every他们进入网站的时

  • 如何在 Laravel 5 迁移中向表（而不是列）添加注释？

    如何在 Laravel 5 迁移中向表 或列 添加注释 我目前知道如何向列添加评论 例如 table gt tinyInteger status gt comment 0 requested 1 rejected 1 confirmed 但

  • 我打开的文档（选项卡）在 VS2010 SP1 中不断消失

    在 VS 2010 中 当我关闭解决方案并在第二天重新打开它后 我打开的所有文档仍然会打开 正是我想要的 安装 SP1 后 每次打开解决方案时 所有文档都会关闭 无论我将它们保留在什么状态 这是预期的行为 错误还是存在我不知道的设置 我怎样

  • Google App Script - 合并多个文档，删除所有换行符并通过电子邮件以 pdf 形式发送

    我正在使用 Google App Script 并已成功将一个文件夹中的多个文档合并到一个文档中 并删除所有换行符 同时保持所有样式不变 我需要一些帮助的是 在removeMultipleLineBreaks element 函数完成后如何

  • 如何使用 Angular 或 Node JS 在现有 Excel 文件中写入

    我实际上陷入困境 我正在一个平均堆栈中工作 并且我的项目要求在现有的微控制器中写入数据 以启用经过验证的 Excel 工作表 我做了很多谷歌 但我没有找到任何节点或角度模块满足我的要求 每个人都给我创建新文件的选项 没有人给我更新现有 Ex

  • 如何修复因不允许的用户代理而导致的功能受损？

    我正在构建一个网络浏览器 最近在尝试使用我的 Google 帐户在网站上登录时遇到错误 这很奇怪 因为我检查了我的应用程序和 Safari 的用户代理 它们都是相同的 有什么建议么 UPDATE WKWebView 在自定义 UIView

  • 如何设置 AsyncStorage 的过期日期 - React Native

    我正在使用 React Native 异步存储 它效果很好 但在某些情况下 我必须设置数据的到期日期并刷新我检查的存储 异步存储文档 https facebook github io react native docs asyncstora

  • 将 jquery 验证添加到 kendo ui 元素

    我已经查看了很多关于此的帖子 并且当我添加以下内容时它确实验证了我的字段 validator setDefaults ignore 我仍然缺少的部分是添加input validation error类来通知用户 它对于我的其他输入元素 非剑

  • 通过 Windows 批处理文件将长命令拆分为多行

    如何在批处理文件中将长命令拆分为多行 您可以使用插入符号分隔长行 只要您记住插入符号及其后面的换行符已被完全删除即可 因此 如果需要在换行处插入一个空格 请添加一个空格 下面详细介绍一下 https stackoverflow com a

  • 地图 std::map< std::string, Stock*> &stocks 上的模板参数无效

    我有声明 或类似声明 std map lt std string Stock gt stocks 贯穿我的代码 Eclipse 不喜欢这样并产生 无效模板参数 错误 库存声明为 class Stock public Stock std st

  • 可编辑组合框文本滚动

    我有一个可编辑的 wpf 组合框 当我输入比其长度长的内容而不是滚动到最后一个字符时 文本将脱离控制并且不可见 有没有什么办法解决这一问题

  • 应用程序在 Android 2.2 (Froyo) 中根本无法启动

    在最近的 Froyo 更新之前 我的应用程序一直运行正常 安装 Android 2 2 SDK 后 我可以编译我的代码 没有任何错误 但是 当我运行它时 它只是强制关闭 这是日志 05 23 10 15 13 463 DEBUG Andro

  • 我可以列出几个键来执行相同的操作吗？ [AHK]

    AHK允许绑定按键 就是我们a z每当按下 a 时 都会触发 z 如果我想在按下 a b 或 c 时触发 z 怎么办 我显然可以重复我的代码 a z b z c z 我可能可以使用 Gosub 像 a Gosub abc b Gosub a

  • 列表可以改变吗？ [复制]

    这个问题在这里已经有答案了 当我输入以下代码时 x 1 2 4 print x print x id x x 2 5 3 print x print x id x 它给出的输出为 1 2 4 x 47606160 2 5 3 x 47578

  • ActionbarSherlock：长按操作项会显示 Toast？

    长按操作项时 操作项下方会显示不带文本的 Toast 我可以禁用Toast 感谢您 如果您省略标题或指定操作项应与文本一起显示 则长按将不会出现 否则 吐司会添加每个操作项代表的内容的说明

  • 如何理解Process.Threads.Count结果？这个变量显示什么？

    让我们编写简单的控制台应用程序 调试模式 static void Main string args Process p Process GetCurrentProcess IList

  • Django / Python：捕获 MySQL IntegrityError

    在 Django Python 中 如何捕获特定的 mySQL 错误 IntegrityError try cursor execute sql except IntegrityError do something 不确定我应该导入什么以及

  • CSS3 性能？向左动画或平移X

    在我制作的 HTML5 CSS3 演示中 我主要使用 CSS 过渡来提高性能 我想知道我的 UI 例如 当前 JQuery 根据鼠标位置操纵容器 Div 的 LEFT 属性 我应该使用transform translateX tx 反而 或

热门标签