{"id":1576,"date":"2018-11-06T21:55:50","date_gmt":"2018-11-06T12:55:50","guid":{"rendered":"http:\/\/4koma-web.com\/coding\/?p=1576"},"modified":"2018-11-06T21:55:50","modified_gmt":"2018-11-06T12:55:50","slug":"%e8%a6%81%e7%b4%a0%e3%81%8c%e8%a6%8b%e3%81%88%e3%81%9f%e3%82%bf%e3%82%a4%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%a7%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%82%92%e9%96%8b%e5%a7%8b%e3%81%95%e3%81%9b%e3%82%8b","status":"publish","type":"post","link":"https:\/\/4koma-web.com\/coding\/%e8%a6%81%e7%b4%a0%e3%81%8c%e8%a6%8b%e3%81%88%e3%81%9f%e3%82%bf%e3%82%a4%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%a7%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%82%92%e9%96%8b%e5%a7%8b%e3%81%95%e3%81%9b%e3%82%8b\/","title":{"rendered":"\u8981\u7d20\u304c\u898b\u3048\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u30a4\u30d9\u30f3\u30c8\u3092\u958b\u59cb\u3055\u305b\u308b"},"content":{"rendered":"<p>CSS3\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u3067\u3001\u8981\u7d20\u304c\u898b\u3048\u305f\u77ac\u9593\u306b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u305f\u3044\u3068\u3044\u3046\u5834\u9762\u304c\u3042\u3063\u305f\u306e\u3067\u3001<br \/>\n\u5099\u5fd8\u9332\u7684\u306a\u30e1\u30e2\u3067\u3059\u3002<\/p>\n<p>\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u898b\u3048\u305f\u3068\u304d\u306b\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u306b\u306f\u3001<br \/>\n\u8981\u7d20\u307e\u3067\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u91cf\u3092\u53ce\u5f97\u3057\u3066\u30a4\u30d9\u30f3\u30c8\u3092\u767a\u706b\u3055\u305b\u308b\u304b,<br \/>\n\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3001\u30a4\u30d9\u30f3\u30c8\u3055\u305b\u308b\u304b\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/github.com\/protonet\/jquery.inview\">jquery.inview<\/a><\/p>\n<p>\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408<\/p>\n<pre>\r\n  <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.1\/jquery.min.js\" type=\"text\/javascript\"><\/script>\r\n  <script src=\"jquery.inview.js\" type=\"text\/javascript\"><\/script>\r\n<\/pre>\n<p>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305fquery.inview.js\u3092head\u5185\u3067\u8aad\u307f\u8fbc\u307f\u3001<\/p>\n<div id=\"animation\"><\/div>\n<p>.on(&#8216;inview&#8217;, function(){});\u3067\u30a4\u30d9\u30f3\u30c8\u306e\u8a18\u8ff0\u3092\u3057\u307e\u3059\u3002<\/p>\n<pre>\r\n\u25a0js\r\n    $('.animation').on('inview', function() {\r\n         $(this).addClass(\"active\");\r\n    });\r\n\u25a0css\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity:0;\r\n    }\r\n    to {\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n.animation.active {\r\n    animation-name: fadeIn;\r\n}\r\n<\/pre>\n<p>\u4e0a\u8a18\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u3001\u898b\u3048\u305f\u3068\u304d\u306b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3092\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u5358\u306bjs\u3067\u5b9f\u884c\u3059\u308b\u5834\u5408\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3059\u308c\u3070OK\u3067\u3059\u3002<\/p>\n<pre>\r\n$(function() {\r\n\r\n\tvar active = $(\".animation\");\r\n\r\n\t$(window).scroll(function(){\r\n\t\tvar Position = $(active).offset().top - $(window).height();\t\r\n\t\r\n\t\tif ($(window).scrollTop() > Position) {\r\n\t\t\t$(this).addClass(\"active\");\r\n\t\t}\r\n\t});\r\n});\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>CSS3\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u3067\u3001\u8981\u7d20\u304c\u898b\u3048\u305f\u77ac\u9593\u306b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u305f\u3044\u3068\u3044\u3046\u5834\u9762\u304c\u3042\u3063\u305f\u306e\u3067\u3001 \u5099\u5fd8\u9332\u7684\u306a\u30e1\u30e2\u3067\u3059\u3002 \u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u898b\u3048\u305f\u3068\u304d\u306b\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u306b\u306f\u3001 \u8981\u7d20\u307e\u3067\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u91cf\u3092\u53ce\u5f97\u3057\u3066\u30a4\u30d9\u30f3\u30c8\u3092\u767a\u706b\u3055\u305b\u308b\u304b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"","_original_post":"","footnotes":""},"categories":[1],"tags":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 20:35:25","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/1576"}],"collection":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/comments?post=1576"}],"version-history":[{"count":0,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/1576\/revisions"}],"wp:attachment":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/media?parent=1576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/categories?post=1576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/tags?post=1576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}