JavaScript 㧠DOM è¦ç´ ã®çµ¶å¯¾åº§æ¨™ã‚’å–å¾—ã™ã‚‹æ–¹æ³• - tmlife備忘録. スペニット的ã«ä½¿ã£ã¦ã‚‚らãˆã‚Œã°å¹¸ã„ã§ã™. DOM è¦ç´ ã®çµ¶å€¤åº§æ¨™ã‚’å–å¾—ã™ã‚‹ element.scrollTop ã¨ã‹ã ã¨è¦ªã‹ã‚‰ã®ç›¸å¯¾å€¤ã«ãªã£ã¡ã‚ƒã„ã¾ã™. getBoundingClientRect() を使ãˆã°çµ¶å¯¾åº§æ¨™ã‚’å–å¾—ã§ãã¾ã™. window.onload = function() { var element = document.getElementById('hoge'); // hoge ã¨ã„ã†IDãŒã¤ã„ãŸã‚„ã¤ã‚’å–å¾—ã™ã‚‹ var rect = element.getBoundingClientRect(); console.log(rect.left); // x座標(絶対座標) console.log(rect.top); // y座標(絶対座標) console.log(rect.width); // å¹… console.log(rect.height);
{{#tags}}- {{label}}
{{/tags}}