{"id":318,"date":"2019-08-13T15:04:20","date_gmt":"2019-08-13T06:04:20","guid":{"rendered":"http:\/\/genicca.wp.xdomain.jp\/?p=318"},"modified":"2025-02-13T11:03:26","modified_gmt":"2025-02-13T02:03:26","slug":"%e8%a6%81%e7%b4%a0%e3%82%92%e3%81%b5%e3%82%8f%e3%81%a3%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%abjquery%e3%81%ae%e7%b4%b9%e4%bb%8b","status":"publish","type":"post","link":"https:\/\/genicca.cloudfree.jp\/?p=318","title":{"rendered":"\u8981\u7d20\u3092\u3075\u308f\u3063\u3068\u30b9\u30af\u30ed\u30fc\u30ebjQuery\u306e\u7d39\u4ecb"},"content":{"rendered":"<p>\u3053\u308c\u304c\u4e00\u756a\u3046\u307e\u304f\u884c\u3063\u305f\u3002<\/p>\n<blockquote><p>\u53c2\u8003\uff1a<a href=\"http:\/\/lwiesel.github.io\/jquery-fadethis\/\" rel=\"noopener\" target=\"_blank\">jQuery FadeThis<\/a><\/p><\/blockquote>\n<p>JS<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>\/*\r\n* jQuery FadeThis - v1.0.0\r\n* A lightweight, simple, yet powerful jQuery plugin for appear-as-you-scroll features.\r\n* http:\/\/jqueryfadethis.com\r\n*\r\n* Made by lwiesel\r\n* Under MIT License\r\n*\/\r\n!function(a,b,c){var d=null,e=[],f=a(b),g=function(){};g.prototype={globals:{pluginName:\"fadeThis\",bufferTime:300},defaults:{baseName:\"slide-\",speed:500,easing:\"swing\",offset:0,reverse:!0,distance:50,scrolledIn:null,scrolledOut:null},init:function(a,b){this.addElements(a,b),this._setEvent(),this._checkVisibleElements()},addElements:function(d,e){var f=d===c.body?b:d,g=a(f===b?\"body\":f),h=this,i=e&amp;&amp;e.baseName?e.baseName:this.defaults.baseName;return g.is(\"[class^='\"+i+\"']\")?h._addElement(g,e):g.find(\"[class^='\"+i+\"']\").each(function(){h._addElement(a(this),e)}),g},_addElement:function(b,c){var d=b.data(\"plugin-options\"),f=a.extend({},this.defaults,c,d),g={element:b,options:f,invp:!1};return e.push(g),console.log(g),this._prepareElement(g),b},_prepareElement:function(a){var b={opacity:0,visibility:\"visible\",position:\"relative\"},c=null;if(a.element.hasClass(a.options.baseName+\"right\"))c=\"left\";else if(a.element.hasClass(a.options.baseName+\"left\"))c=\"right\";else if(a.element.hasClass(a.options.baseName+\"top\"))c=\"bottom\";else{if(!a.element.hasClass(a.options.baseName+\"bottom\"))return!1;c=\"top\"}b[c]=a.options.distance,a.element.css(b)},_setEvent:function(){var a=this;f.on(\"scroll\",function(b){d||(d=setTimeout(function(){a._checkVisibleElements(b),d=null},a.globals.bufferTime))})},_checkVisibleElements:function(b){var c=this;a.each(e,function(a,d){c._isVisible(d)?d.invp||(d.invp=!0,c._triggerFading(d),d.options.scrolledIn&amp;&amp;d.options.scrolledIn.call(d.element,b),d.element.trigger(\"fadethisscrolledin\",b)):d.invp&amp;&amp;(d.invp=!1,d.options.reverse&amp;&amp;c._triggerFading(d,!1),d.options.scrolledOut&amp;&amp;d.options.scrolledOut.call(d.element,b),d.element.trigger(\"fadethisscrolledout\",b))})},_isVisible:function(a){var b=f.scrollTop()+a.options.offset,c=b+f.height()-2*a.options.offset,d=a.element.offset().top,e=d+a.element.height();return e&gt;=b&amp;&amp;c&gt;=d&amp;&amp;c&gt;=e&amp;&amp;d&gt;=b},_triggerFading:function(a,b){b=\"undefined\"!=typeof b?b:!0;var c={opacity:1},d={opacity:0},e=null;if(a.element.hasClass(a.options.baseName+\"right\"))e=\"left\";else if(a.element.hasClass(a.options.baseName+\"left\"))e=\"right\";else if(a.element.hasClass(a.options.baseName+\"top\"))e=\"bottom\";else{if(!a.element.hasClass(a.options.baseName+\"bottom\"))return!1;e=\"top\"}c[e]=0,d[e]=a.options.distance,b?a.element.stop(!0).animate(c,a.options.speed,a.options.easing):a.element.stop(!0).animate(d,a.options.speed,a.options.easing)}},g.defaults=g.prototype.defaults,g.globals=g.prototype.globals,b.Plugin=new g,a.fn[g.globals.pluginName]=function(c){return this.each(function(){a.data(b,\"plugin_\"+g.globals.pluginName)?a.data(this,\"plugin_\"+g.globals.pluginName)||a.data(this,\"plugin_\"+g.globals.pluginName,b.Plugin.addElements(this,c)):(a.data(b,\"plugin_\"+g.globals.pluginName,\"set\"),a.data(this,\"plugin_\"+g.globals.pluginName,b.Plugin.init(this,c)))}),this}}(jQuery,window,document);<\/code><\/pre>\n<\/div>\n<p>\u672c\u4f53\u3068js\u8aad\u307f\u8fbc\u307f\uff081.4\u4ee5\u4e0a\u63a8\u5968\u3089\u3057\u3044\uff09<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>&lt;script src=\"jquery.js\"&gt;&lt;\/script&gt;\r\n&lt;script src=\"jquery.fadethis.min.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<\/div>\n<p>\u3042\u3068\u3053\u308c\u3092body\u306e\u9589\u3058\u30bf\u30b0\u306e\u524d\u306b\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>&lt;script&gt;$(window).fadeThis();&lt;\/script&gt;<\/code><\/pre>\n<\/div>\n<p>\u3042\u3068\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u3002<br \/>\ntop\/bottom\/left\/right\u306e\u5207\u308a\u66ff\u3048\u3067\u51fa\u3066\u304f\u308b\u65b9\u5411\u304c\u5909\u308f\u308b\u30e8<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div class=\"slide-left\"&gt;&lt;\/div&gt;<\/code><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u3053\u308c\u304c\u4e00\u756a\u3046\u307e\u304f\u884c\u3063\u305f\u3002 \u53c2\u8003\uff1ajQuery FadeThis JS \/* * jQuery FadeThis &#8211; v1.0.0 * A lightweight, simple, yet powerful jQuery  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-318","post","type-post","status-publish","format-standard","hentry","category-js"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=318"}],"version-history":[{"count":3,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/318\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/318\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}