国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現(xiàn)jquery的offset()方法實例

2019-11-20 13:27:08
字體:
供稿:網(wǎng)友

本文實例講述了js實現(xiàn)jquery的offset()方法。分享給大家供大家參考。具體分析如下:

用過jQuery的offset()的同學都知道offset().top或offset().left很方便地取得元素相對于整個頁面的偏移。

而在js里,沒有這樣直接的方法,節(jié)點的屬性offsetTop可以獲得該節(jié)點相對于父節(jié)點的相對偏移,但不能直接獲得其絕對偏移,我們可用節(jié)點逐層遞歸向上來相加offsetTop來獲得絕對偏移。

復制代碼 代碼如下:
function getOffset(Node, offset) {
    if (!offset) {
        offset = {};
        offset.top = 0;
        offset.left = 0;
    }

    if (Node == document.body) {//當該節(jié)點為body節(jié)點時,結束遞歸
        return offset;
    }

    offset.top += Node.offsetTop;
    offset.left += Node.offsetLeft;

    return getOffset(Node.parentNode, offset);//向上累加offset里的值
}


 

使用時,則如:

復制代碼 代碼如下:
var a = document.getElementById('a');
//getOffset(a).top
//getOffset(a).left

希望本文所述對大家的javascript程序設計有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 通道| 称多县| 泗阳县| 汝城县| 瓦房店市| 沙河市| 刚察县| 随州市| 西华县| 波密县| 彭州市| 海安县| 大渡口区| 芦溪县| 稻城县| 平舆县| 岳普湖县| 麟游县| 汉阴县| 新密市| 阿瓦提县| 东港市| 乐山市| 墨玉县| 尚义县| 黄冈市| 滨州市| 铜梁县| 错那县| 湟源县| 项城市| 英山县| 永济市| 雅江县| 阿克苏市| 东阿县| 五常市| 武宁县| 东阿县| 平江县| 楚雄市|