{"id":1224,"date":"2016-03-31T13:59:10","date_gmt":"2016-03-31T13:59:10","guid":{"rendered":"https:\/\/logitech.cms.com.vn\/scroll-to\/"},"modified":"2016-03-31T13:59:10","modified_gmt":"2016-03-31T13:59:10","slug":"scroll-to","status":"publish","type":"page","link":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/","title":{"rendered":"Scroll To"},"content":{"rendered":"<span class=\"scroll-to\" data-label=\"Scroll to: #welcome\" data-bullet=\"true\" data-link=\"#welcome\" data-title=\"Welcome Banner\"><a name=\"welcome\"><\/a><\/span>\n\n  <div class=\"banner has-hover is-full-height has-parallax\" id=\"banner-1812251275\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-438079726\" class=\"text-box banner-layer x50 md-x50 lg-x50 y20 md-y20 lg-y20 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h1 class=\"lead\"><strong>Scroll To<\/strong>\u00a0Element<\/h1>\n<p class=\"lead\">Create Scroll To elements to navigate the site with small bullets on the side. You can also disable the bullet and use it for <strong>One Page Navigation<\/strong><\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-438079726 {\n  width: 60%;\n}\n#text-box-438079726 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-438079726 {\n    width: 63%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1812251275 {\n  padding-top: 100%;\n}\n#banner-1812251275 .overlay {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n<\/style>\n  <\/div>\n\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #another_banner\" data-bullet=\"true\" data-link=\"#another_banner\" data-title=\"Another banner\"><a name=\"another_banner\"><\/a><\/span>\n\n  <div class=\"banner has-hover is-full-height has-parallax\" id=\"banner-1644260557\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-2080836405\" class=\"text-box banner-layer x0 md-x0 lg-x0 y40 md-y40 lg-y40 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h1 class=\"lead\"><strong>Another Banner<\/strong><\/h1>\n<p class=\"lead\">Create Scroll To elements to navigate the site with small bullets on the side. You can also disable the bullet and use it for <strong>One Page Navigation<\/strong><\/p>\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-2080836405 {\n  width: 60%;\n}\n#text-box-2080836405 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-2080836405 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1644260557 {\n  padding-top: 100%;\n}\n#banner-1644260557 .overlay {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n<\/style>\n  <\/div>\n\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #another_banner_2\" data-bullet=\"true\" data-link=\"#another_banner_2\" data-title=\"Another Scroll To banner\"><a name=\"another_banner_2\"><\/a><\/span>\n\n  <div class=\"banner has-hover is-full-height\" id=\"banner-1182193408\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-761041602\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n              <div data-parallax=\"3\" data-parallax-fade=\"true\">       <div data-animate=\"fadeInUp\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2><span style=\"font-size: 200%;\">Another Banner<\/span><\/h2>\n              <\/div>\n           <\/div>\n       <\/div>       <\/div>              \n<style>\n#text-box-761041602 {\n  width: 60%;\n}\n#text-box-761041602 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-761041602 {\n    width: 52%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1182193408 {\n  padding-top: 100%;\n}\n#banner-1182193408 .overlay {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n<\/style>\n  <\/div>\n\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #newsletter\" data-bullet=\"true\" data-link=\"#newsletter\" data-title=\"Signup for Newsletter\"><a name=\"newsletter\"><\/a><\/span>\n\n  <div class=\"banner has-hover is-full-height has-parallax\" id=\"banner-1126472277\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-4\" data-parallax-container=\".banner\" data-parallax-background>\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1298207729\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n              <div data-parallax=\"2\" data-parallax-fade=\"true\">                  <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Signup for Newsletter<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>(insert contact form here)<\/p>\n              <\/div>\n           <\/div>\n              <\/div>              \n<style>\n#text-box-1298207729 {\n  width: 84%;\n}\n#text-box-1298207729 .text-box-content {\n  font-size: 101%;\n}\n@media (min-width:550px) {\n  #text-box-1298207729 {\n    width: 74%;\n  }\n  #text-box-1298207729 .text-box-content {\n    font-size: 120%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1126472277 {\n  padding-top: 100%;\n  background-color: rgb(43, 7, 7);\n}\n#banner-1126472277 .overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n<\/style>\n  <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1001,"parent":1265,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"footnotes":""},"class_list":["post-1224","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Scroll To - CMS-LOGITECH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scroll To - CMS-LOGITECH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/\" \/>\n<meta property=\"og:site_name\" content=\"CMS-LOGITECH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CMSCo.Ltd\" \/>\n<meta property=\"og:image\" content=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/\",\"name\":\"Scroll To - CMS-LOGITECH\",\"isPartOf\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"datePublished\":\"2016-03-31T13:59:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#primaryimage\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Scroll To\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"name\":\"CMS X LOGITECH\",\"description\":\"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.\",\"publisher\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\"},\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\",\"name\":\"CMS X LOGITECH\",\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"width\":400,\"height\":400,\"caption\":\"CMS X LOGITECH\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/CMSCo.Ltd\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scroll To - CMS-LOGITECH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/","og_locale":"en_US","og_type":"article","og_title":"Scroll To - CMS-LOGITECH","og_url":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/","og_site_name":"CMS-LOGITECH","article_publisher":"https:\/\/www.facebook.com\/CMSCo.Ltd","og_image":[{"width":400,"height":260,"url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/","url":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/","name":"Scroll To - CMS-LOGITECH","isPartOf":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#primaryimage"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#primaryimage"},"thumbnailUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","datePublished":"2016-03-31T13:59:10+00:00","breadcrumb":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#primaryimage","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/scroll-to\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/logitech.cms.com.vn\/en\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/logitech.cms.com.vn\/en\/elements\/"},{"@type":"ListItem","position":3,"name":"Scroll To"}]},{"@type":"WebSite","@id":"https:\/\/logitech.cms.com.vn\/en\/#website","url":"https:\/\/logitech.cms.com.vn\/en\/","name":"CMS X LOGITECH","description":"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.","publisher":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#organization"},"alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/logitech.cms.com.vn\/en\/#organization","name":"CMS X LOGITECH","alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","url":"https:\/\/logitech.cms.com.vn\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","width":400,"height":400,"caption":"CMS X LOGITECH"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CMSCo.Ltd"]}]}},"_links":{"self":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/comments?post=1224"}],"version-history":[{"count":0,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1224\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media\/1001"}],"wp:attachment":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media?parent=1224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}