{"id":190,"date":"2014-10-01T13:57:25","date_gmt":"2014-10-01T13:57:25","guid":{"rendered":"http:\/\/acowhite.uk\/index.php\/elements-scroll-buttons\/"},"modified":"2014-10-01T13:57:25","modified_gmt":"2014-10-01T13:57:25","slug":"elements-scroll-buttons","status":"publish","type":"page","link":"https:\/\/acowhite.uk\/index.php\/elements-scroll-buttons\/","title":{"rendered":"Elements &#8211; Scroll buttons"},"content":{"rendered":"<section class=\"section  text-normal section-text-shadow section-inner-shadow section-fullheight section-opaque\"  id=\"one\" >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/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:hide;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 hyper hairline\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\" >\n    Scroll buttons<\/h1><h1 class=\"text-center  element-top-0 element-bottom-20 text-normal os-animation big hairline\" 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.<\/h1><a href=\"#two\" class=\"scroll-to scroll-to-id  element-top-20 element-bottom-50 text-normal place-bottom\" data-os-animation=\"none\" data-os-animation-delay=\"0.5s\">\n    <i class=\"down\"><\/i>\n<\/a><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  text-normal section-text-shadow section-inner-shadow section-fullheight section-opaque\"  id=\"two\" >\n            <div class=\"background-media\" style=\"background-image: url(&#039;&#039;); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position: 50% 0%;\" >\n                    <\/div>\n    \n    <div class=\"background-overlay grid-overlay-50 \" style=\"background-color: rgba(0,0,0,0.5);\"><\/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:hide;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 hyper hairline\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\" >\n    Scroll down again<\/h1><a href=\"#three\" class=\"scroll-to scroll-to-id  element-top-0 element-bottom-50 text-normal place-bottom\" data-os-animation=\"none\" data-os-animation-delay=\"0.5s\">\n    <i class=\"down\"><\/i>\n<\/a><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  text-normal section-text-shadow section-inner-shadow section-fullheight section-opaque\"  id=\"three\" >\n            <div class=\"background-media\" style=\"background-image: url(&#039;&#039;); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position: 50% 0%;\" >\n                    <\/div>\n    \n    <div class=\"background-overlay grid-overlay-50 \" style=\"background-color: rgba(0,0,0,0.5);\"><\/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:hide;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 hyper hairline\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\" >\n    And then up<\/h1><a href=\"#one\" class=\"scroll-to scroll-to-id  element-top-20 element-bottom-50 text-normal place-bottom\" data-os-animation=\"none\" data-os-animation-delay=\"0.5s\">\n    <i class=\"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 And then up","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\/190"}],"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=190"}],"version-history":[{"count":0,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"wp:attachment":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}