{"id":37,"date":"2023-04-27T09:31:38","date_gmt":"2023-04-27T09:31:38","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=37"},"modified":"2025-05-05T10:35:31","modified_gmt":"2025-05-05T10:35:31","slug":"how-to-add-scroll-top-to-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/newsfeed\/how-to-add-scroll-top-to-your-site\/","title":{"rendered":"How to Add Scroll Top to your site?"},"content":{"rendered":"\n<p>When your site has considerable depth and a user has scrolled to the bottom of your site, <strong>Scroll Top<\/strong> enhances the user experience by navigating them right at the top without the need to scroll manually.&nbsp;<\/p>\n\n\n\n<p><strong>Scroll Top<\/strong> is an indispensable feature of a site. It is an arrow button that gets visible at the bottom right of your site after you have scrolled your site to some depth.<\/p>\n\n\n\n<p>In order to enable <strong>Scroll Top<\/strong>,&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>General Settings &gt;&gt; Scroll Top<\/strong>.<\/li>\n\n\n\n<li>Then, toggle<strong> the Enable Scroll Top <\/strong>option <strong>on <\/strong>to activate the scroll top feature.<\/li>\n\n\n\n<li>Choose the scroll-top design as per your preferences.<\/li>\n\n\n\n<li>Label your scroll-top button<\/li>\n\n\n\n<li>Choose its size using the slider or pixel box. <\/li>\n\n\n\n<li>Select the devices that you want to display your Scroll Top on. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"237\" height=\"537\" src=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Scroll-Top-NewsFeed-1.jpg\" alt=\"Scroll Top NewsFeed\" class=\"wp-image-323\" srcset=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Scroll-Top-NewsFeed-1.jpg 237w, https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Scroll-Top-NewsFeed-1-132x300.jpg 132w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Design your Scroll Top button with an appropriate color, border type, padding, and border radius.<\/li>\n\n\n\n<li>Click on the <img loading=\"lazy\" decoding=\"async\" width=\"114\" height=\"37\" class=\"wp-image-81\" style=\"width: 85px\" src=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/publish-button.png\" alt=\"\"> to save the changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>When your site has considerable depth and a user has scrolled to the bottom of your site, Scroll Top enhances the user experience by navigating them right at the top without the need to scroll manually.&nbsp; Scroll Top is an indispensable feature of a site. It is an arrow button that gets visible at the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":2,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":411,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts\/37\/revisions\/411"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}