{"id":188,"date":"2014-10-02T08:16:56","date_gmt":"2014-10-02T08:16:56","guid":{"rendered":"http:\/\/acowhite.uk\/index.php\/elements-scroll-buttons-2\/"},"modified":"2014-10-02T08:16:56","modified_gmt":"2014-10-02T08:16:56","slug":"elements-scroll-buttons-2","status":"publish","type":"page","link":"https:\/\/acowhite.uk\/index.php\/elements-scroll-buttons-2\/","title":{"rendered":"Elements &#8211; Scroll buttons"},"content":{"rendered":"<section class=\"section text-light text-normal section-text-no-shadow section-inner-no-shadow section-fullheight section-opaque\"  id=\"one\" >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(1,192,225,1);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"divider-wrapper \" style=\"visibility:hidden;background-color:#FFFFF\">\n    <div class=\"visible-xs\" style=\"height:24px;\"><\/div>\n    <div class=\"visible-sm\" style=\"height:50px;\"><\/div>\n    <div class=\"visible-md\" style=\"height:160px;\"><\/div>\n    <div class=\"visible-lg\" style=\"height:160px;\"><\/div>\n<\/div><h1 class=\"text-center  element-top-20 element-bottom-20 text-normal os-animation super default\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\" >\n    Scroll buttons<\/h1><div class=\"divider-border  divider-border-center element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\" >\n    <div class=\"divider-border-inner\"  style=\"background:#ffffff; \"><\/div>\n<\/div><h2 class=\"text-center  element-top-0 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.6s\" >\n    use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that.<\/h2><a href=\"#two\" class=\"scroll-to scroll-to-id  element-top-20 element-bottom-50 text-light place-bottom\" data-os-animation=\"none\" data-os-animation-delay=\"0.5s\">\n    <i class=\"fa fa-angle-down\"><\/i>\n<\/a><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section text-light text-normal section-text-no-shadow section-inner-no-shadow section-fullheight section-opaque\"  id=\"two\" >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(74,209,232,1);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"divider-wrapper \" style=\"visibility:hidden;background-color:#FFFFF\">\n    <div class=\"visible-xs\" style=\"height:24px;\"><\/div>\n    <div class=\"visible-sm\" style=\"height:50px;\"><\/div>\n    <div class=\"visible-md\" style=\"height:120px;\"><\/div>\n    <div class=\"visible-lg\" style=\"height:120px;\"><\/div>\n<\/div><h1 class=\"text-center  element-top-20 element-bottom-20 text-normal os-animation super default\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\" >\n    Scroll down again<\/h1><div class=\"divider-border  divider-border-center element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\" >\n    <div class=\"divider-border-inner\"  style=\"background:#ffffff; \"><\/div>\n<\/div><h2 class=\"text-center  element-top-0 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.6s\" >\n    use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that.<\/h2><a href=\"#three\" class=\"scroll-to scroll-to-id  element-top-0 element-bottom-50 text-light place-bottom\" data-os-animation=\"none\" data-os-animation-delay=\"0.5s\">\n    <i class=\"fa fa-angle-down\"><\/i>\n<\/a><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section text-light text-normal section-text-no-shadow section-inner-no-shadow section-fullheight section-opaque\"  id=\"three\" >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(116,218,236,1);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"divider-wrapper \" style=\"visibility:hidden;background-color:#FFFFF\">\n    <div class=\"visible-xs\" style=\"height:24px;\"><\/div>\n    <div class=\"visible-sm\" style=\"height:50px;\"><\/div>\n    <div class=\"visible-md\" style=\"height:120px;\"><\/div>\n    <div class=\"visible-lg\" style=\"height:120px;\"><\/div>\n<\/div><h1 class=\"text-center  element-top-20 element-bottom-20 text-light os-animation super default\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\" >\n    And then up<\/h1><div class=\"divider-border  divider-border-center element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\" >\n    <div class=\"divider-border-inner\"  style=\"background:#ffffff; \"><\/div>\n<\/div><h2 class=\"text-center  element-top-0 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.6s\" >\n    use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that.<\/h2><a href=\"#one\" class=\"scroll-to scroll-to-id  element-top-20 element-bottom-50 text-light place-bottom\" data-os-animation=\"none\" data-os-animation-delay=\"0.5s\">\n    <i class=\"fa fa-angle-up\"><\/i>\n<\/a><\/div>        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"Scroll buttons use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that. Scroll down again use scroll buttons to navigate between sections on the same page. Just assign","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/188"}],"collection":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":0,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"wp:attachment":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}