reflow

    2热度

    1回答

    在不同的DOM元素中合并/批量处理多个CSS更新以减少重排/重绘？

    背景： 我有一个使用WebGL的画布上显示一些3D内容HTML页面。覆盖多个<div>，通过内嵌CSS放置position: absolute以及top和left的相关尺寸。 问： 当我更新了3D内容的视图（如旋转，一切都有点）我还需要将所有的重叠<div>使他们似乎停留在3D空间中的同一个地方。 如何更新网页，以便只发生一次重绘？ 当我第一次重新绘制的WebGL，然后遍历ñ<div>，我会得到每
    javascript css dom repaint reflow 2012-03-18

    0热度

    1回答

    结合documentfragment和replacechild最大限度地减少回流

    我正在做一个JavaScript游戏，而不使用画布，我希望屏幕回流每个周期只有一次，速度。有没有办法让documentFragment替换已命名的元素？ 编辑： The javascript guide暗示的replaceChild（）可以用DocumentFragment的使用，但例子似乎暗示多个回流： function reverse(n) { // Reverses the order of
    javascript reflow documentfragment 2011-12-13

    5热度

    4回答

    用于DOM修改的高效Javascript

    说，我有一个我想用Javascript处理的HTML文件。例如： 添加一些DOM元素，如span或div包装。 更改文件样式有点像基本字体大小，行高等。 使用一个接力器来添加­实体。 什么是最有效的方法来做到这一点，即我想用最少量的回流做到这一点。 理想的情况是让JS代码在第一个布局之前运行。这可能吗？我知道，在页面显示之前执行昂贵的脚本通常是一个糟糕的主意，这会使页面看起来空白一段时间，
    javascript html dom browser reflow 2012-07-07

    0热度

    1回答

    HTML表格过滤和回流

    我有一个非常大的HTML表，900 +行。根据过滤器的值，我可以通过遍历行和隐藏/显示行来启用筛选。 这是问题所在。当我隐藏/显示500多行时，页面在浏览器忙于回流时完全无响应。我曾尝试在过滤之前隐藏表格，克隆表格，然后替换表格等。但是，无响应仍然是一个问题，因为它阻止了我在浏览器重画时使用“动画”加载图像。 分页不是一个选项，也不是惰性滚动。 这里是循环： var rows = null; $
    javascript html css ajax reflow 2012-05-23

    0热度

    1回答

    Raphael.js - 脚本看起来很轻，但执行很重 - 为什么？

    我在Windows XP上使用Raphael 2.01，Firefox 12.0。 我试过连续的对象运动（不是补间动画）。我认为我脚本的负载很轻，但PC散热风扇的声音很大！ 我想知道原因和解决方案。 （步骤） 我在文档设置几个圆对象（5至10）。 他们继续前进。当它们碰到文档的边缘时，它们会返回（向相反的方向移动），但它们的运动会减慢。 当我在谷歌Chrome的任务管理器检查PC的负载， 内存使用
    browser raphael repaint motion reflow 2012-05-25

    2热度

    1回答

    jQuery的动画宽度没有内容的回流？

    我在这里搜索并搜索了几个小时，但还没有找到解决这个问题的方法......基本上，我有一个巨大的图标列表，一旦每个列表项目被徘徊，它就会展开以显示文本名称该项目。但是，在动画宽度时，整个文档被强制回流。 有没有办法解决这个问题？我已经尝试了jQuery和css的所有组合，我可以想到无济于事。我试图添加基于jQuery位置（）的位置悬停的绝对定位（相对于父UL）......但是，这并不像我所希望的那样
    jquery dom reflow 2012-05-27

    2热度

    1回答

    在JavaScript中触发较少的回流 - 如何编辑克隆元素中的元素？

    我有这样的HTML结构： <p id="lorem"> <span class="part" id="n01">L</span><span class="part" id="n02">o</span><span class="part" id="n03">r</span><span class="part" id="n04">e</span><span class="part" id=
    javascript jquery reflow 2012-07-17

    12热度

    2回答

    在Javascript中有没有一种方法来定时浏览器重排？

    我需要能够以基准基于Webkit的浏览器的特定构建和我测量的时间长度需要做某些东西一样DOM操作，内存限制等 我有一个测试，低于该记录同时加载10个相当重的PNG图形所需的时间。在代码中，我需要能够计算负载完成需要多长时间。我已经尝试在动态Image对象上设置 onLoad函数来产生以ms为单位的时间。然而，正如下面的上限所示，它给出了一个不准确的读数，因为它给出的读数只是一小部分，因为它只记录负
    javascript performance dom webkit reflow 2012-05-28

    2热度

    2回答

    text-transform：大写会导致Chrome上的布局错误

    我运行了一个奇怪的布局错误，当inline-block嵌套在block元素中时，该错误似乎是由text-transform CSS属性触发的。我也在Safari（5.1.2）上看到了这个问题，但这个最小的测试用例仅在Chrome（17.0.963.56）上触发。 特别有趣的是，打开开发人员工具并将其保留在元素选项卡上会触发正确的布局。我最好的猜测是CSS规则和DOM结构的组合导致webkit引擎错
    html5 google-chrome css3 webkit reflow 2012-02-23

    1热度

    1回答

    用于单选按钮选择器的CSS/JS for image-in-grid替代方案？

    是否有任何CSS工具包可让您重现单选按钮的功能，但使用网格中放置的照片/图像？例如，在租赁汽车站点上的汽车模型网格，其中用户需要通过点击汽车的图片来选择他们的租赁应用程序的首选汽车。 这类似于HTML选择菜单窗口小部件，除了： 布局是一个网格，而不是线的项目（即需要包裹）。 的当前选择的项目是永久性的，总是可见，任选一个对号（或其它基于图标的指示灯，显示选择） 这将是巨大的，如果电网奠定本身出智能
    css image widget radio-button reflow 2012-04-17
最新问题