{"id":10360,"date":"2023-09-28T15:53:08","date_gmt":"2023-09-28T08:53:08","guid":{"rendered":"https:\/\/tomocode.net\/?p=10360"},"modified":"2023-09-28T15:57:59","modified_gmt":"2023-09-28T08:57:59","slug":"thanh-dinh-vi-sticky","status":"publish","type":"post","link":"https:\/\/trangchu.tomocode.net\/2023\/09\/28\/thanh-dinh-vi-sticky\/","title":{"rendered":"thanh \u0111\u1ecbnh v\u1ecb sticky"},"content":{"rendered":"\n<style>\n\nheader  {\n  display: none;\n}\n.hfe-before-footer-wrap{\n  display: none;\n}\nfooter {\n  display: none;\n}\n.nav-links {\n  display: none !important;\n}\n.ast-container {\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.ast-separate-container #primary{\n    margin: 0 !important;\n    padding: 0 !important;\n}\n<\/style>\n\n\n\n<style>\n.post-10360 {\n    padding: 0 !important;\n}\n\n.entry-content[ast-blocks-layout] > *{\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n}\n\n.header {\n    background-color: #f1f1f1;\n    padding: 30px;\n    text-align: center;\n}\n#navbar {\n    overflow: hidden;\n    background-color: #38444d;\n}\n.sticky {\n    position: fixed;\n    top: 0;\n    width: 100%;\n}\n#navbar a.active {\n    background-color: #04AA6D;\n    color: white;\n}\n#navbar a {\n    float: left;\n    display: block;\n    color: #f2f2f2;\n    text-align: center;\n    padding: 14px 16px;\n    text-decoration: none;\n    font-size: 17px;\n}\n#navbar a:hover {\n    background-color: #ddd;\n    color: black;\n}\n.sticky + .content {\n    padding-top: 60px;\n}\n<\/style>\n<div class=\"header\">\n  <h2><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Cu\u1ed9n xu\u1ed1ng<\/font><\/font><\/h2>\n  <p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Cu\u1ed9n xu\u1ed1ng \u0111\u1ec3 xem hi\u1ec7u \u1ee9ng d\u00ednh.<\/font><\/font><\/p>\n<\/div>\n<div id=\"navbar\" class>\n  <a class=\"active\" href=\"javascript:void(0)\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Trang ch\u1ee7<\/font><\/font><\/a>\n  <a href=\"javascript:void(0)\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Tin t\u1ee9c<\/font><\/font><\/a>\n  <a href=\"javascript:void(0)\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Li\u00ean h\u1ec7<\/font><\/font><\/a>\n<\/div>\n<div class=\"content\">\n  <h3><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">V\u00ed d\u1ee5 \u0111i\u1ec1u h\u01b0\u1edbng c\u1ed1 \u0111\u1ecbnh<\/font><\/font><\/h3>\n  <p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Thanh \u0111i\u1ec1u h\u01b0\u1edbng s\u1ebd c\u1ed1 \u0111\u1ecbnh \u1edf tr\u00ean c\u00f9ng khi b\u1ea1n \u0111\u1ebfn v\u1ecb tr\u00ed cu\u1ed9n c\u1ee7a n\u00f3.<\/font><\/font><\/p>\n  <p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. <\/font><font style=\"vertical-align: inherit;\">Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.<\/font><\/p>\n<script>\nwindow.onscroll = function() {myFunction()};\n\nvar navbar = document.getElementById(\"navbar\");\nvar sticky = navbar.offsetTop;\n\nfunction myFunction() {\n  if (window.pageYOffset >= sticky) {\n    navbar.classList.add(\"sticky\")\n  } else {\n    navbar.classList.remove(\"sticky\");\n  }\n}\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cu\u1ed9n xu\u1ed1ng Cu\u1ed9n xu\u1ed1ng \u0111\u1ec3 xem hi\u1ec7u \u1ee9ng d\u00ednh. Trang ch\u1ee7 Tin t\u1ee9c Li\u00ean h\u1ec7 V\u00ed d\u1ee5 \u0111i\u1ec1u h\u01b0\u1edbng c\u1ed1 \u0111\u1ecbnh Thanh \u0111i\u1ec1u h\u01b0\u1edbng s\u1ebd c\u1ed1 \u0111\u1ecbnh \u1edf tr\u00ean c\u00f9ng khi b\u1ea1n \u0111\u1ebfn v\u1ecb tr\u00ed cu\u1ed9n c\u1ee7a n\u00f3. M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. Lorem ipsum dolor sit amet, illum definitiones no quo, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/trangchu.tomocode.net\/2023\/09\/28\/thanh-dinh-vi-sticky\/\"> <span class=\"screen-reader-text\">thanh \u0111\u1ecbnh v\u1ecb sticky<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","footnotes":""},"categories":[1],"tags":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Nguy\u1ec5n Tu\u1ea5n Anh","author_link":"https:\/\/trangchu.tomocode.net\/author\/tuananhnguyen\/"},"uagb_comment_info":0,"uagb_excerpt":"Cu\u1ed9n xu\u1ed1ng Cu\u1ed9n xu\u1ed1ng \u0111\u1ec3 xem hi\u1ec7u \u1ee9ng d\u00ednh. Trang ch\u1ee7 Tin t\u1ee9c Li\u00ean h\u1ec7 V\u00ed d\u1ee5 \u0111i\u1ec1u h\u01b0\u1edbng c\u1ed1 \u0111\u1ecbnh Thanh \u0111i\u1ec1u h\u01b0\u1edbng s\u1ebd c\u1ed1 \u0111\u1ecbnh \u1edf tr\u00ean c\u00f9ng khi b\u1ea1n \u0111\u1ebfn v\u1ecb tr\u00ed cu\u1ed9n c\u1ee7a n\u00f3. M\u1ed9t s\u1ed1 v\u0103n b\u1ea3n \u0111\u1ec3 cho ph\u00e9p cu\u1ed9n. Lorem ipsum dolor sit amet, illum definitiones no quo,&hellip;","_links":{"self":[{"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/posts\/10360"}],"collection":[{"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/comments?post=10360"}],"version-history":[{"count":14,"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/posts\/10360\/revisions"}],"predecessor-version":[{"id":10388,"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/posts\/10360\/revisions\/10388"}],"wp:attachment":[{"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/media?parent=10360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/categories?post=10360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trangchu.tomocode.net\/api\/wp\/v2\/tags?post=10360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}