{"id":752,"date":"2018-08-10T21:04:06","date_gmt":"2018-08-10T12:04:06","guid":{"rendered":"https:\/\/yuis-programming.com\/?p=752"},"modified":"2021-12-11T09:39:36","modified_gmt":"2021-12-11T00:39:36","slug":"javascript%e3%81%a7%e7%89%b9%e5%ae%9a%e3%81%ae%e8%a6%81%e7%b4%a0%e3%81%be%e3%81%a7%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/yuis-programming.com\/?p=752","title":{"rendered":"JavaScript\u3067\u7279\u5b9a\u306e\u8981\u7d20\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b"},"content":{"rendered":"<p>JavaScript\u8a00\u8a9e\u3092\u4f7f\u3044\u7279\u5b9a\u306e\u8981\u7d20\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306e\u30e1\u30e2\u3067\u3059\u3002<br \/>\nJQuery\u3060\u3051\u3067\u306a\u304fJavaScript\u3060\u3051\u3067\u3082\u4f7f\u3048\u308bscrollIntoView()\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<p>Jquery\u304c\u5165\u3063\u3066\u3044\u308b\u3053\u3068\u3082\u3042\u308b\u306e\u3067\u3001stackoverflow\u3067\u691c\u8a3c\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/4801655\/how-to-go-to-a-specific-element-on-page\">javascript &#8211; How to go to a specific element on page? &#8211; Stack Overflow<\/a><\/li>\n<\/ul>\n<p>\u3053\u306e\u30b3\u30fc\u30c9\u306f\u52d5\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u306a\u3093\u3060\u308d\u3046\u3002<\/p>\n<pre><code>(function($) {\n    $.fn.goTo = function() {\n        $('#answers').animate({\n            scrollTop: $(this).offset().top + 'px'\n        }, 'fast');\n        return this; \/\/ for chaining...\n    }\n})(jQuery);\n<\/code><\/pre>\n<p>\u3053\u308c\u3067\u304a\uff4b\uff0e<\/p>\n<pre><code>$('#answers')[0].scrollIntoView( true );\n<\/code><\/pre>\n<p>Jquey\u306a\u306e\u3067CSS\u30bb\u30ec\u30af\u30bf\u30fc\u3082\u4f7f\u3048\u307e\u3059\u3002<\/p>\n<pre><code>$('#answers-header &gt; div.subheader.answers-subheader &gt; h2')[0].scrollIntoView( true );\n<\/code><\/pre>\n<p>Jquery\u306e\u30e1\u30bd\u30c3\u30c9\u306a\u306e\u304b\u3068\u601d\u3063\u3066\u305f\u3051\u3069\u3053\u308cJS\u306e\u30e1\u30bd\u30c3\u30c9\u3067\u3059\u306d\u3002<br \/>\n\u3058\u3083\u3042JS\u3067\u3082\u4f7f\u3048\u307e\u3059\u306d\u3002<\/p>\n<pre><code>document.querySelector('#answers-header &gt; div.subheader.answers-subheader &gt; h2').scrollIntoView();\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript\u8a00\u8a9e\u3092\u4f7f\u3044\u7279\u5b9a\u306e\u8981\u7d20\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306e\u30e1\u30e2\u3067\u3059\u3002 JQuery\u3060\u3051\u3067\u306a\u304fJ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[1],"tags":[],"acf":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8Rxwo-c8","_links":{"self":[{"href":"https:\/\/yuis-programming.com\/index.php?rest_route=\/wp\/v2\/posts\/752"}],"collection":[{"href":"https:\/\/yuis-programming.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yuis-programming.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yuis-programming.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuis-programming.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=752"}],"version-history":[{"count":3,"href":"https:\/\/yuis-programming.com\/index.php?rest_route=\/wp\/v2\/posts\/752\/revisions"}],"predecessor-version":[{"id":3608,"href":"https:\/\/yuis-programming.com\/index.php?rest_route=\/wp\/v2\/posts\/752\/revisions\/3608"}],"wp:attachment":[{"href":"https:\/\/yuis-programming.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yuis-programming.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yuis-programming.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}