Question

我有:

<span as="0" style="display: block; -webkit-user-select: text; ">
"[TEXT]"
<span id="as_cursor" style="padding: 0px; margin:0px; width: 0px;"></span>
"[TEXT]"
</span>

我使用内距作为标记,随后将坐标带上 j。当这一期限与线末(如屏幕上所示,实际案文中无电子特性)相吻合时,外部要素(左边)的起步时间在起(左边)时,就会出现错误的抵消(0)。

Is there any way I can get around this behaviour? At present, only chrome and mozilla compatibility is required.

Answer 1

你没有获得抵消的原因是,时间段是线性的。为解决这一问题,在您的超文本页头部添加以下代码:

<style>
    .offsetFixed {
        display: inline-block;
    }

    #outerSpan {
        display: block;
        -webkit-user-select: text;
    }

    #as_cursor {
        padding: 0;
        margin: 0;
        width: 0;
    }
</style>

此外,对你的超文本作了以下修改:

<span class="offsetFixed" id="outerSpan" as="0">"[TEXT]"
    <span class="offsetFixed" id="as_cursor"></span>"[TEXT]"
</span>

然后,你可以利用 j子获得正确的抵消:

$(document).ready(function () {
    var offset = $("#as_cursor").offset();
    alert(JSON.stringify(offset));
});

友情链接