{"id":159,"date":"2014-09-23T14:26:40","date_gmt":"2014-09-23T05:26:40","guid":{"rendered":"http:\/\/kiso2.info\/?p=159"},"modified":"2014-09-24T22:51:15","modified_gmt":"2014-09-24T13:51:15","slug":"scrollto","status":"publish","type":"post","link":"https:\/\/kiso2.info\/?p=159","title":{"rendered":"scrollTo"},"content":{"rendered":"

jQery\u3092\u4f7f\u7528\u3057\u3066\uff0c\u306a\u3081\u3089\u304b\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\uff0e
\n\u2192\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b801<\/a><\/p>\n

\r\n<script src="js\/jquery.min.js" type="text\/javascript"><\/script>\r\n<\/pre>\n
\u4f7f\u7528\u3059\u308b\u305f\u3081\u306b\u306f\u307e\u305ahead\u30bf\u30b0\u7d42\u4e86\u306e\u76f4\u524d\u3067jquery.min.js\uff08jQuery\u672c\u4f53\uff09\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\uff0e
\n\u4e0a\u8a18\u3067\u306fjs\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u305d\u306e\u4e2d\u306bjquery.min.js\u3092\u7f6e\u3044\u3066\u3044\u307e\u3059\uff0e\uff08\u203b\u8aad\u307f\u8fbc\u3080\u5834\u6240\u306b\u6ce8\u610f\uff1ajs\/\u304c\u3053\u306e\u8a18\u8ff0\u3067\u3059\uff09<\/p>\n
\r\n<script type="text\/javascript">\r\n\t$(document).ready(function(){\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 = 1200; \/\/ \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, "swing");\r\n\t\t\treturn false;\r\n\t\t});\r\n\t});\r\n<\/script>\r\n<\/pre>\n
\u76f4\u5f8c\u306b\u3055\u3089\u306bscript\u30bf\u30b0\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u8a2d\u5b9a\u3092\u884c\u3063\u3066\u3044\u307e\u3059\uff0e\u4e0a\u8a18\u3067\u306fa\u30bf\u30b0\u306e#\u3067\u59cb\u307e\u308b\u30a2\u30f3\u30ab\u30fc\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u969b\u306b\u305d\u306eid\u3092\u3082\u3064\u7b87\u6240\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u3068\u3044\u3046\u8a18\u8ff0\u3067\u3059\uff0e<\/p>\n
\r\n<li class="button"><a href="#about">ABOUT<\/a><\/li>\r\n<li class="button"><a href="#works">WORKS<\/a><\/li>\r\n<li class="button"><a href="#contact">CONTACT<\/a><\/li>\r\n<\/pre>\n
\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\uff08a\u30bf\u30b0\uff09\u306e\u8a2d\u5b9a\u3067\u3059\uff0ehref\u306b#id\u540d\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\uff0c\u3053\u306eid\u540d\u3092\u3082\u3064\u7b87\u6240\u306b\u30b8\u30e3\u30f3\u30d7\u3055\u305b\u307e\u3059\uff0e<\/p>\n
\r\n<div id="contact">\r\n\t<h2>\r\n\t\tCONTACT<br\/>\r\n\t\t\u2500\r\n\t<\/h2>\r\n\t<div>\r\n\t\t<p>\r\n\t\t\t\u3012192-0394<br\/>\r\n\t\t\t\u6771\u4eac\u90fd\u516b\u738b\u5b50\u5e02\u9453\u6c342-1723<br\/>\r\n\t\t\tTEL: 042-679-5623<br\/>\r\n\t\t\tFAX: 042-679-5646<br\/>\r\n\t\t\t<a href="mailto:gurafu@tamabi.ac.jp">Email: gurafu@tamabi.ac.jp<\/a><br\/>\r\n\t\t<\/p>\r\n\t<\/div>\r\n<\/div>\r\n<\/pre>\n
\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3067\u6307\u5b9a\u3057\u305fid\u540d\u3092\u3082\u3064div\u8981\u7d20\u3092\u914d\u7f6e\u3057\u307e\u3059\uff0e\u300cdiv id=”contct”\u300d\u3053\u308c\u3067\u95a2\u9023\u3065\u3051\u304c\u51fa\u6765\uff0c\u30b9\u30e0\u30fc\u30ba\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u5b9f\u88c5\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\uff0e<\/p>\n
 <\/p>\n
\u3064\u3065\u3044\u3066\u5fdc\u7528\u3068\u3057\u3066\u30e9\u30f3\u30c0\u30e0\u306b\u914d\u7f6e\u3055\u308c\u305fDIV\u8981\u7d20\u306b\u659c\u3081\u306b\u79fb\u52d5\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u3067\u3059\uff0e
\n\u2192\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b802<\/a><\/p>\n
\r\n$(document).ready(function(){\r\n\t\/\/ #\u3067\u59cb\u307e\u308b\u30a2\u30f3\u30ab\u30fc\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u5408\u306b\u51e6\u7406\r\n\t$('a[href^=#]').click(function(){\r\n\t\t\/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u306e\u901f\u5ea6\r\n\t\tvar speed = 1200; \/\/ \u30df\u30ea\u79d2\r\n\t\t\/\/ \u30a2\u30f3\u30ab\u30fc\u306e\u5024\u53d6\u5f97\r\n\t\tvar href= $(this).attr("href");\r\n\t\t\/\/ \u79fb\u52d5\u5148\u3092\u53d6\u5f97\r\n\t\tvar target = $(href == "#" || href == "" ? 'html' : href);\r\n\t\t\/\/ \u79fb\u52d5\u5148\u3092\u6570\u5024\u3067\u53d6\u5f97\r\n\t\tvar posTop = target.offset().top;\r\n\t\tvar posLeft = target.offset().left-260;\r\n\t\t\/\/ \u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\r\n\t\t$("html, body").animate({scrollTop:posTop, scrollLeft:posLeft}, speed, "swing");\r\n\t\treturn false;\r\n\t});\r\n});\r\n<\/pre>\n
14\u884c\u76ee\u306e$(“html, body”).animate\u306e\u5f8c\u306e\u7b87\u6240\u306b\u30ab\u30f3\u30de\u3067\u533a\u5207\u308ascrollLeft:posLeft\u3092\u8ffd\u52a0\u3057\u307e\u3059\uff0e\u4e0a\u4e0b\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u307f\u3067\u306a\u304f\uff0c\u5de6\u53f3\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u79fb\u52d5\u5834\u6240\u3082\u8ffd\u52a0\u3057\u305f\u30ab\u30bf\u30c1\u3067\u3059\uff0e<\/p>\n
\r\n\/*div04*\/\r\n#d{\r\n\tposition:absolute;\r\n\ttop:4000px;\r\n\tleft:6000px;\r\n\tbackground-color:#FF0;\r\n\twidth:1024px;\r\n\theight:728px;\r\n}\r\n<\/pre>\n
CSS\u3067div\u8981\u7d20\u3092\u30e9\u30f3\u30c0\u30e0\u306b\u914d\u7f6e\u3057\u307e\u3059\uff0e\u30b5\u30f3\u30d7\u30eb\u3067\u306fpostion\u3092absolute\u3067\u6307\u5b9a\u3057\u3066\uff0ctop, left\u306b\u30e9\u30f3\u30c0\u30e0\u306a\u6570\u3092\u8a18\u8ff0\u3057\u3066\u3044\u307e\u3059\uff0e\u4ed6\u306ediv\u8981\u7d20\u306b\u3082\u305d\u308c\u305e\u308c\u306b\u9069\u7528\u3057\u3066\u304f\u3060\u3055\u3044\uff0ewidth\u30fbheight\u306e\u5927\u304d\u3055\u306a\u3069\u3082\u5909\u5316\u3055\u305b\u3066\u3082\u52b9\u679c\u3068\u3057\u3066\u306f\u826f\u3044\u3067\u3057\u3087\u3046\uff0e<\/p>\n","protected":false},"excerpt":{"rendered":"
jQery\u3092\u4f7f\u7528\u3057\u3066\uff0c\u306a\u3081\u3089\u304b\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\uff0e \u2192\u30b5\u30f3\u30d7\u30eb\u30da … \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-159","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\/159","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=159"}],"version-history":[{"count":3,"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/posts\/159\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/kiso2.info\/index.php?rest_route=\/wp\/v2\/posts\/159\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiso2.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}