{"id":1176,"date":"2020-04-13T13:33:00","date_gmt":"2020-04-13T04:33:00","guid":{"rendered":"https:\/\/takaya-com.jp\/archives\/?p=1176"},"modified":"2020-04-13T13:33:00","modified_gmt":"2020-04-13T04:33:00","slug":"%e3%80%90jquery%e3%80%91%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%82%89%e9%80%94%e4%b8%ad%e3%81%8b%e3%82%89%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%9b%ba%e5%ae%9a","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2020\/04\/%e3%80%90jquery%e3%80%91%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%82%89%e9%80%94%e4%b8%ad%e3%81%8b%e3%82%89%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%9b%ba%e5%ae%9a\/","title":{"rendered":"\u3010jQuery\u3011\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u305f\u3089\u9014\u4e2d\u304b\u3089\u30d8\u30c3\u30c0\u30fc\u3092\u56fa\u5b9a\u3059\u308b"},"content":{"rendered":"

\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u305f\u3089\u9014\u4e2d\u304b\u3089\u30d8\u30c3\u30c0\u30fc\u3092\u56fa\u5b9a\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002
\u307e\u305a\u3001jQuery\u3092\u5c0e\u5165\u3057\u3066\u304b\u3089\u304a\u4f7f\u3044\u304f\u3060\u3055\u3044\u3002<\/p>\n

<\/p>\n

\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n

\u25bchtml<\/p>\n

\r\n<nav id=\"global_nav\">\r\n    <div class=\"wrapper\">\r\n        <ul>\r\n            <li class=\"item\"><a href=\"#menu1\">\u30e1\u30cb\u30e5\u30fc\uff11<\/a><\/li>\r\n            <li class=\"item\"><a href=\"#menu2\">\u30e1\u30cb\u30e5\u30fc\uff12<\/a><\/li>\r\n            <li class=\"item\"><a href=\"#menu3\">\u30e1\u30cb\u30e5\u30fc\uff13<\/a><\/li>\r\n            <li class=\"item\"><a href=\"#menu4\">\u30e1\u30cb\u30e5\u30fc\uff14<\/a><\/li>\r\n            <li class=\"item\"><a href=\"#menu5\">\u30e1\u30cb\u30e5\u30fc\uff15<\/a><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/nav>\r\n<\/pre>\n
\u25bccss \u203b\u4e00\u90e8\u629c\u7c8b\u3057\u3066\u3044\u307e\u3059<\/p>\n
\r\n#global_nav {\r\n    background: #fff;\r\n    border-bottom: 1px solid #16244e;\r\n    border-top: 1px solid #16244e;\r\n    width: 100%;\r\n}\r\n\r\n#global_nav.fixed {\r\n    left: 0;\r\n    position: fixed;\r\n    top: 0;\r\n}\r\n\r\n.wrapper {\r\n    margin: 0 auto;\r\n    max-width: 100%;\r\n    padding: 0;\r\n    width: 768px;\r\n}\r\n\r\n#global_nav ul {\r\n    display: flex;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.item {\r\n    border-left: 1px solid #fff;\r\n    width: 20%;\r\n}\r\n\r\n.item:last-child {\r\n    border-right: 1px solid #fff;\r\n    margin-right: 0;\r\n}\r\n\r\n.item a {\r\n    background: #16244e;\r\n    color: #fff;\r\n    display: block;\r\n    line-height: 50px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n}\r\n<\/pre>\n
\u25bcJavaScript<\/p>\n
\r\nvar nav_pos = $(\"#global_nav\").offset().top;\r\nvar nav_height = $(\"#global_nav\").outerHeight();\r\n$(window).scroll(function () {\r\n    if ($(this).scrollTop() > nav_pos) {\r\n        $(\"body\").css(\"padding-top\", nav_height);\r\n        $(\"#global_nav\").addClass(\"fixed\");\r\n    } else {\r\n        $(\"body\").css(\"padding-top\", 0);\r\n        $(\"#global_nav\").removeClass(\"fixed\");\r\n    }\r\n});\r\n<\/pre>\n
\u4eca\u56de\u306e\u8a18\u4e8b\u3084\u30c7\u30e2\u30da\u30fc\u30b8\u4f5c\u6210\u306b\u3042\u305f\u308a
\n    \u9014\u4e2d\u304b\u3089\u30d8\u30c3\u30c0\u30fc\u56fa\u5b9a\u306b\u3059\u308b\u65b9\u6cd5\uff01\u753b\u9762\u4e0a\u90e8\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3055\u308c\u305f\u3089\u56fa\u5b9a\u3059\u308b<\/a>\u3055\u3093\u306e\u30da\u30fc\u30b8\u3092\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002
\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n
\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u305f\u3089\u9014\u4e2d\u304b\u3089\u30d8\u30c3\u30c0\u30fc\u3092\u56fa\u5b9a\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u307e\u305a\u3001jQuery\u3092\u5c0e\u5165\u3057\u3066\u304b\u3089\u304a\u4f7f\u3044\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1176"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=1176"}],"version-history":[{"count":3,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1176\/revisions"}],"predecessor-version":[{"id":1179,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1176\/revisions\/1179"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=1176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=1176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=1176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}