{"id":1908,"date":"2022-03-12T17:35:36","date_gmt":"2022-03-12T08:35:36","guid":{"rendered":"https:\/\/www.dogrow.net\/hp\/?p=1908"},"modified":"2022-05-02T18:17:44","modified_gmt":"2022-05-02T09:17:44","slug":"blog128","status":"publish","type":"post","link":"https:\/\/www.dogrow.net\/hp\/blog128\/","title":{"rendered":"(128) \u30da\u30fc\u30b8\u5185\u30ea\u30f3\u30af\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3055\u305b\u305f\u3044\u3002"},"content":{"rendered":"<h1 class=\"my_h\">1. \u3084\u308a\u305f\u3044\u3053\u3068<\/h1>\n<p>\u30da\u30fc\u30b8\u5185\u30ea\u30f3\u30af\u3092\u62bc\u4e0b\u6642\u3001\u30da\u30fc\u30b8\u5185\u79fb\u52d5\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u898b\u305b\u305f\u3044\u3002<\/p>\n<h1 class=\"my_h\">2. \u3084\u3063\u3066\u307f\u308b<\/h1>\n<p><span class=\"my_fc_blueB\">HTML<\/span><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;a class=&quot;jumpitem&quot; href=&quot;#ZZZ&quot;&gt;LINK&lt;\/a&gt;\r\n\r\n :\r\n\r\n&lt;h1 id=&quot;ZZZ&quot;&gt;Item 1&lt;\/h1&gt;\r\n<\/pre>\n<p><span class=\"my_fc_blueB\">JavaScript<\/span><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n$('a.jumpitem').on('click',function(){\r\n  var id = $(this).attr('href');\r\n\r\n  \/\/ \u79fb\u52d5\u5148\u306eY\u5ea7\u6a19\u3092\u53d6\u5f97\r\n  var trgetPosY = $(id).offset().top;\r\n\r\n  \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u3057\u3066\u79fb\u52d5 (500ms)\r\n  $('body,html').animate({scrollTop:trgetPosY}, 500, 'swing');\r\n\r\n  return false;   \/\/ \u52dd\u624b\u306b\u30b8\u30e3\u30f3\u30d7\u3055\u305b\u306a\u3044\u3002\r\n});\r\n<\/pre>\n<h1 class=\"my_h\">3. \u53c2\u8003\u60c5\u5831<\/h1>\n<p>\u30fbelem.<span class=\"my_fc_deeppinkB\">offset()<\/span>\u306f\u3001document (=\u6700\u4e0a\u4f4d\u306e\u89aa\u8981\u7d20)\u3092\u539f\u70b9\u3068\u3057\u305f\u6307\u5b9a\u8981\u7d20\u306e\u4f4d\u7f6e\u60c5\u5831\u3092\u8fd4\u3059\u3002<\/p>\n<pre class=\"my_pre\">\r\nDescription: Get the current coordinates of the first element in the set of matched elements, <span class=\"my_fc_crimsonB\">relative to the document.<\/span>\r\n<\/pre>\n<p><a href=\"https:\/\/api.jquery.com\/offset\/\" target=\"_blank\" rel=\"noopener\">https:\/\/api.jquery.com\/offset\/<\/a><\/p>\n<hr class=\"my_hr_bottom\">\n","protected":false},"excerpt":{"rendered":"<p>1. \u3084\u308a\u305f\u3044\u3053\u3068 \u30da\u30fc\u30b8\u5185\u30ea\u30f3\u30af\u3092\u62bc\u4e0b\u6642\u3001\u30da\u30fc\u30b8\u5185\u79fb\u52d5\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u898b\u305b\u305f\u3044\u3002 2. \u3084\u3063\u3066\u307f\u308b HTML &lt;a class=&quot;jumpitem&quot; href=&quot;#ZZZ&quot;&#038;g\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.dogrow.net\/hp\/blog128\/\">\u7d9a\u304d\u3092\u8aad\u3080 &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1908","post","type-post","status-publish","format-standard","hentry","category-javascriptjquery"],"views":949,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/1908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/comments?post=1908"}],"version-history":[{"count":10,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/1908\/revisions"}],"predecessor-version":[{"id":2093,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/1908\/revisions\/2093"}],"wp:attachment":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/media?parent=1908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/categories?post=1908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/tags?post=1908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}