{"id":29447,"date":"2015-04-23T01:10:59","date_gmt":"2015-04-22T16:10:59","guid":{"rendered":"http:\/\/www.softantenna.com\/wp\/?p=29447"},"modified":"2016-05-14T14:43:43","modified_gmt":"2016-05-14T05:43:43","slug":"elevator-js","status":"publish","type":"post","link":"https:\/\/softantenna.com\/blog\/elevator-js\/","title":{"rendered":"Elevator.js - \u5168\u304f\u65b0\u3057\u3044\u300cback to top\u300d\u4f53\u9a13\u3092\u304a\u624b\u8efd\u306b\u5b9f\u88c5\u3067\u304d\u308bJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/blog\/wp-content\/uploads\/2015\/04\/IElevator_js.png\" alt=\"Elevator js\" title=\"Elevator_js.png\" border=\"0\" width=\"545\" height=\"275\" \/><\/p>\n<p>\u7e26\u306b\u9577\u3044Web\u30b5\u30a4\u30c8\u3067\u3001\u30c8\u30c3\u30d7\u306b\u4e00\u6c17\u306b\u623b\u308b\u305f\u3081\u306b\u4f7f\u308f\u308c\u3066\u3044\u308b\u300cback to top\u300d\u6a5f\u80fd\u3002\u300c<a href=\"http:\/\/tholman.com\/elevator.js\/\">Elevator.js<\/a>\u300d\u306f\u3053\u306e\u53e4\u304f\u3066\u9000\u5c48\u306a\u6a5f\u80fd\u3092\u30e2\u30c0\u30f3\u3067\u697d\u3057\u3044\u6a5f\u80fd\u306b\u5909\u63db\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308bJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059(<a href=\"https:\/\/github.com\/tholman\/elevator.js\">GitHub<\/a>)\u3002<\/p>\n<p><!--more--><\/p>\n<h2>\u30c7\u30e2<\/h2>\n<p><a href=\"http:\/\/tholman.com\/elevator.js\/\">\u516c\u5f0f\u30b5\u30a4\u30c8<\/a>\u306b\u30c7\u30e2\u304c\u57cb\u3081\u8fbc\u307e\u308c\u3066\u3044\u3066\u3001\u753b\u9762\u306e\u4e00\u756a\u4e0b\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u300cBack to Top\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Elevator.js\u306e\u6a5f\u80fd\u3092\u8a66\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059(\u97f3\u91cf\u6ce8\u610f)\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/blog\/wp-content\/uploads\/2015\/04\/IElevator_js1.png\" alt=\"Elevator js\" title=\"Elevator_js.png\" border=\"0\" width=\"544\" height=\"251\" \/><\/p>\n<p>\u304b\u308d\u3084\u304b\u306a\u97f3\u697d\u3068\u3068\u3082\u306b\u4e0a\u65b9\u5411\u306b\u6ed1\u3089\u304b\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u3066\u3044\u304d\u3001\u30c8\u30c3\u30d7\u306b\u5230\u7740\u3059\u308b\u3068\u30d9\u30eb\u306e\u97f3\u3067\u77e5\u3089\u305b\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n<h2>\u4f7f\u7528\u65b9\u6cd5<\/h2>\n<p><a href=\"https:\/\/github.com\/tholman\/elevator.js\">GitHub<\/a>\u3067\u8a73\u3057\u304f\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre><code class=\"html\">&lt;div class=\"elevator-button\"&gt;Back to Top&lt;\/div&gt;\r\n\r\n&lt;script&gt;\r\n\/\/ Elevator script included on the page, already.\r\n\r\nwindow.onload = function() {\r\n  var elevator = new Elevator({\r\n    element: document.querySelector('.elevator-button'),\r\n    mainAudio: '\/src\/to\/audio.mp3',\r\n    endAudio: '\/src\/to\/end-audio.mp3'\r\n  });\r\n}\r\n&lt;\/script&gt;\r\n<\/code><\/pre>\n<p>window.onload\u3067elevator\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u4f5c\u6210\u3057\u3001element\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u30dc\u30bf\u30f3\u306e\u30a8\u30ec\u30e1\u30f3\u30c8\u3092\u6307\u5b9a\u3057\u3066\u304a\u3051\u3070\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u52d5\u304d\u307e\u3059\u3002\u97f3\u697d\u304c\u4e0d\u8981\u306a\u5834\u5408\u3001mainAudio(\u79fb\u52d5\u4e2d\u306e\u97f3\u697d)\u3001endAudio(\u5230\u7740\u6642\u306e\u97f3\u697d)\u3092\u6307\u5b9a\u3057\u306a\u3044\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u5b9f\u7528\u6027\u306f\u3042\u308b\u306e\u304b\u306a\u3044\u306e\u304b\u4e0d\u660e\u3067\u3059\u304c\u3001\u904a\u3073\u5fc3\u304c\u3042\u3063\u3066\u697d\u3057\u3044\u30e9\u30a4\u30d6\u30e9\u30ea\u3060\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7e26\u306b\u9577\u3044Web\u30b5\u30a4\u30c8\u3067\u3001\u30c8\u30c3\u30d7\u306b\u4e00\u6c17\u306b\u623b\u308b\u305f\u3081\u306b\u4f7f\u308f\u308c\u3066\u3044\u308b\u300cback to top\u300d\u6a5f\u80fd\u3002\u300cElevator.js\u300d\u306f\u3053\u306e\u53e4\u304f\u3066\u9000\u5c48\u306a\u6a5f\u80fd\u3092\u30e2\u30c0\u30f3\u3067\u697d\u3057\u3044\u6a5f\u80fd\u306b\u5909\u63db\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308bJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059(G [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":29445,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[75],"tags":[3141,655],"class_list":["post-29447","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-elevator","tag-javascript"],"_links":{"self":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/29447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/comments?post=29447"}],"version-history":[{"count":0,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/29447\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media\/29445"}],"wp:attachment":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media?parent=29447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/categories?post=29447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/tags?post=29447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}