{"author_name":"kimizuka","width":"100%","categories":["JavaScript"],"height":"190","provider_name":"Hatena Blog","published":"2020-12-14 19:57:58","version":"1.0","blog_url":"https://blog.kimizuka.org/","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20201214/20201214195745.png","type":"rich","blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2020%2F12%2F14%2F195758\" title=\"jQuery\u3092\u4f7f\u308f\u305a\u306boffset().top\u3092\u5b9f\u88c5\u3059\u308b \ud83d\udcc4 - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/kimizuka/","description":"\u30da\u30fc\u30b8\u306e\u4e0a\u90e8\u3092\u8d77\u70b9\u3068\u3057\u305f\u3068\u304d\u306eDOM\u306eY\u5ea7\u6a19\u3092\u77e5\u308a\u305f\u3044\u3068\u304d\u3001jQuery\u3092\u4f7f\u3046\u306e\u3067\u3042\u308c\u3070\u3001 const targetTop = $('#target').offset().top; \u3068\u66f8\u3051\u307e\u3059\u304c\u3001\u305d\u308c\u3060\u3051\u306e\u305f\u3081\u306bjQuery\u3092\u5c0e\u5165\u3059\u308b\u306e\u306f\u52ff\u4f53\u306a\u3044\u6c17\u304c\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u305d\u3093\u306a\u3068\u304d\u306f\u3001 const targetTop = document.getElementById('target').getBoundingClientRect().top + window.pageYOffset; \u3068\u66f8\u3051\u3070\u3001jQuery\u306a\u3057\u3067\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 getBoundingClientRect().top\u3067\u753b\u9762\u4e0a\u90e8\u304b\u3089\u306e\u2026","title":"jQuery\u3092\u4f7f\u308f\u305a\u306boffset().top\u3092\u5b9f\u88c5\u3059\u308b \ud83d\udcc4","url":"https://blog.kimizuka.org/entry/2020/12/14/195758"}