{"id":59,"date":"2014-05-25T02:36:18","date_gmt":"2014-05-25T08:36:18","guid":{"rendered":"https:\/\/massumifukuda.work\/wp\/entry\/2014\/05\/25\/023618"},"modified":"2014-05-25T02:36:18","modified_gmt":"2014-05-25T08:36:18","slug":"20140525-1401212178","status":"publish","type":"post","link":"https:\/\/massumifukuda.work\/wp\/20140525-1401212178\/","title":{"rendered":"\u30b9\u30af\u30ed\u30fc\u30eb\u306b\u5408\u308f\u305b\u3066\u4f4d\u7f6e\u304c\u5909\u308f\u308b\u30ec\u30d5\u30c8\u30e1\u30cb\u30e5\u30fc"},"content":{"rendered":"

\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u306e\u304a\u52c9\u5f37<\/p>\n

page.html<\/p>\n

<<\/span>html<\/span>><\/span>\n<<\/span>head<\/span>><\/span>\n<<\/span>script<\/span> <\/span>src<\/span>=<\/span>'http:\/\/code.jquery.com\/jquery-1.9.1.min.js'<\/span>><\/<\/span>script<\/span>><\/span>\n<<\/span>script<\/span> <\/span>src<\/span>=<\/span>'js\/scrollMenu.js'<\/span>><\/<\/span>script<\/span>><\/span>\n<\/<\/span>head<\/span>><\/span>\n<<\/span>body<\/span>><\/span>\n<<\/span>div<\/span> <\/span>id<\/span>=<\/span>"page_bg"<\/span>><\/span>\n<<\/span>div<\/span> <\/span>id<\/span>=<\/span>"header"<\/span>><\/span>\n<\/<\/span>div<\/span>><\/span>\n<<\/span>div<\/span> <\/span>id<\/span>=<\/span>"wrapper"<\/span>><\/span>\n<<\/span>div<\/span> <\/span>id<\/span>=<\/span>"side_menu"<\/span>><\/span>\n\u30e1\u30cb\u30e5\u30fc\u306e\u5185\u5bb9\n<\/<\/span>div<\/span>><\/span>\n<<\/span>div<\/span> <\/span>id<\/span>=<\/span>"contents"<\/span>><\/span>\n\u30b3\u30f3\u30c6\u30f3\u30c4\n<\/<\/span>div<\/span>><\/span>\n<\/<\/span>div<\/span>><\/span>\n<<\/span>div<\/span> <\/span>id<\/span>=<\/span>"footer"<\/span>><\/span>\n<\/<\/span>div<\/span>><\/span>\n<\/<\/span>div<\/span>><\/span>\n<\/<\/span>body<\/span>><\/span>\n<\/<\/span>html<\/span>><\/span>\n<\/pre>\n
\nscrollMenu.js<\/p>\n
\n\/* \u30da\u30fc\u30b8\u306e\u9ad8\u3055\u3092\u53d6\u5f97\u3059\u308b *\/<\/span>\nvar<\/span> pageheight = $('#page_bg'<\/span>).height();\n\/* \u30ec\u30d5\u30c8\u30e1\u30cb\u30e5\u30fc\u306e\u9ad8\u3055\u3092\u53d6\u5f97\u3059\u308b *\/<\/span>\nvar<\/span> menuheight = $('#side_menu'<\/span>).height();\n\/* \u30ec\u30d5\u30c8\u30e1\u30cb\u30e5\u30fc\u306e\u4e0a\u7aef\u306e\u4f4d\u7f6e\u3092\u53d6\u5f97\u3059\u308b *\/<\/span>\nvar<\/span> vsidemenu = $('#side_menu'<\/span>).offset().top<\/span>;\n\/* \u30d5\u30c3\u30bf\u30fc\u306e\u4e0a\u7aef\u306e\u4f4d\u7f6e\u3092\u53d6\u5f97\u3059\u308b *\/<\/span>\nvar<\/span> vfooter = $('#footer'<\/span>).offset().top<\/span>;\n$(window<\/span>).scroll(function<\/span>() {<\/span>\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u306e\u4f4d\u7f6e\u3092\u53d6\u5f97\u3059\u308b *\/<\/span>\nvar<\/span> value = $(this<\/span>).scrollTop();\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u5024\u304c\u30e1\u30cb\u30e5\u30fc\u4e0a\u7aef\u306e\u5024\u3088\u308a\u5c0f\u3055\u3044\u3068\u304d\u306f\u305d\u306e\u307e\u307e *\/<\/span>\nif<\/span> (value < vsidemenu) {<\/span>\n$('#side_menu'<\/span>).css('position'<\/span>, 'static'<\/span>);\n\/* \u5927\u304d\u304f\u306a\u3063\u305f\u3089\u753b\u9762\u306e\u4e0a\u7aef\u306b\u56fa\u5b9a\u3000*\/<\/span>\n}<\/span>else<\/span> if<\/span>(vsidemenu < value) {<\/span>\n$('#side_menu'<\/span>).css('position'<\/span>, 'fixed'<\/span>);\n$('#side_menu'<\/span>).css('top'<\/span>, 0);\n}<\/span>\n\/* \u30d5\u30c3\u30bf\u30fc\u306e\u3068\u3053\u308d\u307e\u3067\u6765\u305f\u3089\u91cd\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u3001\u30b9\u30af\u30ed\u30fc\u30eb\u306b\u5408\u308f\u305b\u3066\u4e0a\u3078\u79fb\u52d5 *\/<\/span>\n\/* \u3057\u304d\u3044\u5024\u306f(\u30da\u30fc\u30b8\u306e\u9ad8\u3055) - (\u30e1\u30cb\u30e5\u30fc\u306e\u9ad8\u3055 + \u30d5\u30c3\u30bf\u30fc\u306e\u4e0a\u7aef)\t *\/<\/span>\nvar<\/span> shikii = pageheight - menuHeight - footerheight;\n\/* \u30e1\u30cb\u30e5\u30fc\u8868\u793a\u4f4d\u7f6e\u306f(\u3057\u304d\u3044\u5024) - (\u30e1\u30cb\u30e5\u30fc\u306e\u9ad8\u3055) *\/<\/span>\nvar<\/span> menutop = shikii - menuheight;\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u5024\u304c\u3057\u304d\u3044\u5024\u3092\u8d85\u3048\u305f\u3089\u3001\u30e1\u30cb\u30e5\u30fc\u306e\u914d\u7f6e\u3092relative\u306b\u3057\u3066\u30e1\u30cb\u30e5\u30fc\u306e\u4e0a\u7aef\u3092\u56fa\u5b9a\u3059\u308b*\/<\/span>\nif<\/span>(value > shikii){<\/span>\n$('#side_menu'<\/span>).css('position'<\/span>, 'relative'<\/span>);\n$('#side_menu'<\/span>).css('top'<\/span>, menutop);\n}<\/span>\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u306e\u304a\u52c9\u5f37 page.html <html> <head> <script src=’http:\/\/code.jquery.com\/jquery-1.9.1.min.js’> … \u7d9a\u304d\u3092\u8aad\u3080 \u30b9\u30af\u30ed\u30fc\u30eb\u306b\u5408\u308f\u305b\u3066\u4f4d\u7f6e\u304c\u5909\u308f\u308b\u30ec\u30d5\u30c8\u30e1\u30cb\u30e5\u30fc<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-js"],"_links":{"self":[{"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":0,"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"wp:attachment":[{"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/massumifukuda.work\/wp\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}