{"id":165,"date":"2014-09-23T14:27:25","date_gmt":"2014-09-23T05:27:25","guid":{"rendered":"http:\/\/kiso2.info\/?p=165"},"modified":"2014-11-05T00:58:40","modified_gmt":"2014-11-04T15:58:40","slug":"easing","status":"publish","type":"post","link":"https:\/\/kiso2.info\/?p=165","title":{"rendered":"easing"},"content":{"rendered":"

easing\u306fjQuery\u306b\u3055\u307e\u3056\u307e\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u52b9\u679c\u3092\u3064\u3051\u308b\u305f\u3081\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3059\uff0e
\n\u2192\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8<\/a><\/p>\n

\u3053\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u306f\uff0c\u5de6\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\uff0cABOUT, WORKS, CONTACT\u3068\u79fb\u52d5\u3057\u307e\u3059\u304c\uff0c\u305d\u306e\u969b\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u52b9\u679c\u306beasing\u306e\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\uff0e\u3044\u3061\u3069\u591a\u3081\u306b\u79fb\u52d5\u3057\u623b\u308b\u3088\u3046\u306a\u52d5\u4f5c\u3092\u3057\u3066\u3044\u307e\u3059\uff0e<\/p>\n

\r\n<script src="js\/jquery.min.js" type="text\/javascript"><\/script>\r\n<script src="js\/jquery.easing.1.3.js" type="text\/javascript"><\/script>\r\n<\/pre>\n
\u4f7f\u7528\u3059\u308b\u969b\u306fhead\u30bf\u30b0\u306e\u7d42\u4e86\u76f4\u524d\u3067script\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u8a18\u8ff0\u3057\u307e\u3059\uff0e\u307e\u305a1\u884c\u76ee\u3067[jquery.min.js]\uff08jQuery\uff09\u3092\u8aad\u307f\u8fbc\u307f\u305d\u306e\u5f8c\u306b[jquery.easing.1.3.jp]\u3092\u8aad\u307f\u8fbc\u307f\u4f7f\u7528\u3059\u308b\u6e96\u5099\u304c\u5b8c\u4e86\u3057\u307e\u3059\uff0e<\/p>\n
\r\n<script type="text\/javascript">\r\n\t\/\/\u8d77\u52d5\u524d\u306e\u8a2d\u5b9a\/\/\r\n\t$(document).ready(function(){\r\n\t\t$('body').animate({opacity: "0"},0);\r\n\t\t\/\/ #\u3067\u59cb\u307e\u308b\u30a2\u30f3\u30ab\u30fc\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u5408\u306b\u51e6\u7406\r\n\t\t$('a[href^=#]').click(function(){\r\n\t\t\t\/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u306e\u901f\u5ea6\r\n\t\t\tvar speed = 1000; \/\/ \u30df\u30ea\u79d2\r\n\t\t\t\/\/ \u30a2\u30f3\u30ab\u30fc\u306e\u5024\u53d6\u5f97\r\n\t\t\tvar href= $(this).attr("href");\r\n\t\t\t\/\/ \u79fb\u52d5\u5148\u3092\u53d6\u5f97\r\n\t\t\tvar target = $(href == "#" || href == "" ? 'html' : href);\r\n\t\t\t\/\/ \u79fb\u52d5\u5148\u3092\u6570\u5024\u3067\u53d6\u5f97\r\n\t\t\tvar position = target.offset().top;\r\n\t\t\t\/\/ \u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\r\n\t\t\t$("html, body").animate({scrollTop:position}, speed, "easeOutBack");\r\n\t\t\treturn false;\r\n\t\t});\r\n\t});\r\n<\/script>\r\n<\/pre>\n
\u3064\u3065\u3044\u3066\u306escript\u30bf\u30b0\u306e\u8a18\u8ff0\u306fa\u30bf\u30b0\u3067id\u6307\u5b9a\u3057\u3066\u3044\u308b\u7b87\u6240\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u884c\u3046\u305f\u3081\u306e\u8a18\u8ff0\u3067\u3059\uff0e
\n16\u884c\u76ee\u306e\u672b\u5c3e”easeOutBack”\u304ceasing\u306e\u51e6\u7406\u306b\u306a\u308a\u307e\u3059\uff0e\u3053\u306e\u90e8\u5206\u306b”\u30a4\u30fc\u30b8\u30f3\u30b0\u306e\u51e6\u7406”\u3092\u8a18\u8ff0\u3057\u3066\u52b9\u679c\u3092\u5909\u66f4\u3057\u3066\u3044\u304d\u307e\u3059\uff0e<\/p>\n
\u4f8b:\uff08\u52b9\u679c\u3092easeOutBack\u304b\u3089easeInOutQuad\u306b\u5909\u66f4\uff09<\/p>\n
\r\n$("html, body").animate({scrollTop:position}, speed, "easeOutBack");\r\n<\/pre>\n
\u2193<\/p>\n
\r\n$("html, body").animate({scrollTop:position}, speed, "easeInOutQuad");\r\n<\/pre>\n
easing\u306e\u6307\u5b9a\u3068\u52b9\u679c\u306f\u4ee5\u4e0b\u306e\u30da\u30fc\u30b8\u3067\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\uff0e
\n\u53c2\u8003\u30da\u30fc\u30b8\uff1ahttp:\/\/semooh.jp\/jquery\/cont\/doc\/easing\/<\/a><\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
easing\u306fjQuery\u306b\u3055\u307e\u3056\u307e\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u52b9\u679c\u3092\u3064\u3051\u308b\u305f\u3081\u306e\u30d7\u30e9\u30b0\u30a4\u30f3 … \u7d9a\u304d\u3092\u8aad\u3080 →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,7,4],"tags":[],"class_list":["post-165","post","type-post","status-publish","format-standard","hentry","category-all","category-javascript","category-4"],"_links":{"self":[{"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/posts\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=165"}],"version-history":[{"count":7,"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/posts\/165\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}