{"id":24,"date":"2017-06-26T21:25:40","date_gmt":"2017-06-26T12:25:40","guid":{"rendered":"http:\/\/noreply365-info.check-xserver.jp\/sys\/?p=24"},"modified":"2017-08-19T17:45:58","modified_gmt":"2017-08-19T08:45:58","slug":"%e3%80%90old-log%e3%80%91%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e3%82%88%e3%81%8f%e8%a6%8b%e3%82%8b%e9%96%8b%e9%96%89%e3%83%9c%e3%82%bf%e3%83%b3%ef%bc%88%e3%83%88%e3%82%b0%e3%83%ab%ef%bc%89","status":"publish","type":"post","link":"https:\/\/noreply365.info\/?p=24","title":{"rendered":"\u3010\bOld Log\u3011\u30b9\u30de\u30db\u3067\u3088\u304f\u898b\u308b\u958b\u9589\u30dc\u30bf\u30f3\uff08\u30c8\u30b0\u30eb\uff09"},"content":{"rendered":"
\n

\u3053\u306e\u60c5\u5831\u306f\u4e09\u5e74\u4ee5\u4e0a\u524d\u306e\u53e4\u3044\u60c5\u5831\u3067\u3059\u3002<\/p>\n<\/div>\n

Android2.x\u7aef\u672b\u3067\u4e0a\u624b\u304f\u8868\u793a\u3067\u304d\u307e\u305b\u3093<\/span><\/p>\n

\u3082\u3063\u3068\u982d\u306e\u826f\u3044\u66f8\u304d\u65b9\u3042\u308b\u3068\u601d\u3046\u3051\u308c\u3069\u3001\u3068\u308a\u3042\u3048\u305a\u5b8c\u6210\u3057\u305f\u306e\u3067\u3001\u30e1\u30e2\u30e1\u30e2\u3002
\nHTML5\u3068CSS3\u306a\u306e\u3067\u3001\u57fa\u672cIE10\u4ee5\u4e0a\u3067\u3059\u3002
\nCSS\u306e\u66f8\u304d\u65b9\u6b21\u7b2c\u3067IE9\u301c\u3067\u3082\u3044\u3051\u308b\u306f\u305a\u3002
\nIE8\u4ee5\u4e0b\u306fnav\u306e\u90e8\u5206\u3092\u306a\u306b\u304b\u9055\u3046\u3082\u306e\u3001\u4f8b\u3048\u3070div\u3068\u304b\u306b\u66f8\u304d\u63db\u3048\u304c\u5fc5\u8981\u3060\u3068\u601d\u3044\u307e\u3059\u3002
\n(2014.04.09\u4e00\u90e8\u4fee\u6b63)<\/p>\n

javascript<\/h3>\n
$(function(){\r\n\/\/\u30c7\u30fc\u30bf\u30bb\u30c3\u30c8------------------------\t\r\n$("body").prepend('<div id="tglBackground"><\/div>');\r\n$("body").prop('id', 'startTogl');\r\n$("body").addClass("bodyfix");\t\t\r\n\/\/\u30dc\u30bf\u30f3\u306e\u52d5\u304d------------------------\t\r\n$("nav #Menu").on("click", function() {\r\n$(this).next().slideToggle("fast");\r\n$(this).toggleClass("active");\r\n\t\/\/$("body").toggleClass(function() {\/\/2014.04.09\u8a02\u6b63\u524a\u9664\r\n$("#wrapper").toggleClass(function() {\r\nif ($("div#tglBackground").hasClass("fixBackground")) {\r\n$("div#tglBackground").removeClass("fixBackground");\r\n\t\/\/$('body').removeClass('bodyfix');\/\/2014.04.09\u8a02\u6b63\u524a\u9664\r\n$('#startTogl').removeClass('bodyfix');\r\n$(window).scrollTop(scrollTop);\r\n} else {\r\nvar scrollTop;\r\nscrollTop = $(window).scrollTop();\r\n$('body').addClass('bodyfix').css('top', (-scrollTop) + 'px');\r\n$("div#tglBackground").addClass("fixBackground");\r\n}\r\n});\r\n});\t\r\n\/\/\u80cc\u666f\u306e\u30af\u30ea\u30c3\u30af\u30a2\u30af\u30b7\u30e7\u30f3------------------------\t\r\n$("div#tglBackground").on("click", function() {\r\n$("nav #Menu").next().slideToggle("fast");\r\n$("nav #Menu").toggleClass("active");\r\n\t\/\/$("body").toggleClass(function() {\/\/2014.04.09\u8a02\u6b63\u524a\u9664\r\n$("#wrapper").toggleClass(function() {\r\nif ($("div#tglBackground").hasClass("fixBackground")) {\r\n$("div#tglBackground").removeClass("fixBackground");\r\n} else {$("div#tglBackground").addClass("fixBackground");}\r\n});\r\n});<\/code><\/pre>\n
html<\/h3>\n
html\u5074\u306f\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8a18\u5165\u3059\u308b\u3002<\/p>\n
<div id="wrapper">\r\n<nav>\r\n<div id="Menu">MENU<\/div>\r\n<ul>\r\n<li><a href="#">\u30e1\u30cb\u30e5\u30fc\uff11<\/a><\/li>\r\n<li><a href="#">\u30e1\u30cb\u30e5\u30fc\uff12<\/a><\/li>\r\n<li><a href="#">\u30e1\u30cb\u30e5\u30fc\uff13<\/a><\/li>\r\n<li><a href="#">\u30e1\u30cb\u30e5\u30fc\uff14<\/a><\/li>\r\n<li><a href="#">\u30e1\u30cb\u30e5\u30fc\uff15<\/a><\/li>\r\n<\/ul>\r\n<\/nav>\r\n<\/div>\r\n});<\/code><\/pre>\n
css<\/h3>\n
css\u306f\u304a\u597d\u307f\u3067\u5909\u66f4\u3059\u308b\u3053\u3068\u3002<\/p>\n
body.bodyfix{\r\nposition:static!important;\r\noverflow-y: croll;\r\n}\r\n\r\nbody#startTogl{\r\nposition:fixed;\r\noverflow-y:scroll;\r\n}\r\n\r\n.fixBackground{\r\nposition:fixed; top:0; left:0;\r\ndisplay:block; width:100%; height:100%;\r\nbackground:rgba(0, 0, 0, 0.5);\r\nz-index:80;\r\ncursor:pointer;\r\n}\r\n\r\nnav #Menu{\r\ntext-indent:100%;\r\nwhite-space:nowrap;\r\noverflow:hidden;\r\nmargin-left:-20px;\r\nposition:absolute;\r\ntop:35px;\r\nleft:50%;\r\ndisplay:inline-block;\r\ncursor:pointer;\r\nwidth:40px;\r\nheight:40px;\r\nbackground:#000;\r\nborder-radius:40px;\r\nz-index:100;\r\n}\r\n\r\nnav div.active{\r\nbackground:#666!important;\r\ntransition:background-color 0.5s linear;\r\n}\r\n\r\nnav ul{\r\ndisplay:none;\r\n}\r\n\r\nnav ul{\r\nposition:absolute; top:45px; left:0;\r\nwidth:100%;\r\nz-index:100;\r\n}\r\n\r\nnav ul li a{\r\ndisplay:block;\r\npadding:18px 0;\r\nbackground:#000000;\r\ncolor:#FFFFFF;\r\ntext-decoration:none;\r\nwidth:100%;\r\nbackground:rgba(0, 0, 0, 0.7);\r\nmargin:0 0 1px 0;\r\ntransition-duration:0.3s;\r\ntransition-timing-function:ease-in;\r\nborder-bottom:#FFFFFF 1px solid;\r\n}\r\n\r\nnav ul li a:hover{\r\ndisplay:block;\r\nbackground:#000000;\r\ncolor:#FFFFFF;\r\ntext-decoration:none;\r\nwidth:100%;\r\nbackground:rgba(178, 30, 35, 0.8);\r\ntransition:background-color 0.3s linear;\r\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u3053\u306e\u60c5\u5831\u306f\u4e09\u5e74\u4ee5\u4e0a\u524d\u306e\u53e4\u3044\u60c5\u5831\u3067\u3059\u3002 Android2.x\u7aef\u672b\u3067\u4e0a\u624b\u304f\u8868\u793a\u3067\u304d\u307e\u305b\u3093 \u3082\u3063\u3068\u982d\u306e\u826f\u3044\u66f8\u304d\u65b9\u3042\u308b\u3068\u601d\u3046\u3051\u308c\u3069\u3001\u3068\u308a\u3042\u3048\u305a\u5b8c\u6210\u3057\u305f\u306e\u3067\u3001\u30e1\u30e2\u30e1\u30e2\u3002 HTML5\u3068CSS3\u306a\u306e\u3067\u3001\u57fa\u672cIE10\u4ee5\u4e0a\u3067\u3059\u3002 CSS\u306e…<\/p>\n","protected":false},"author":1,"featured_media":72,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-24","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-old-log"},"_links":{"self":[{"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/posts\/24"}],"collection":[{"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noreply365.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":5,"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/posts\/24\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/posts\/24\/revisions\/84"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/noreply365.info\/index.php?rest_route=\/wp\/v2\/media\/72"}],"wp:attachment":[{"href":"https:\/\/noreply365.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/noreply365.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/noreply365.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}