Paso 1:<\/strong> Aseg\u00farate de tener el tema Astra instalado y activado.
Segundo paso:<\/strong> Visitar Personalizador [ Apariencia > Personalizar > Global > Desplazarse al principio<\/em> ] para editar la configuraci\u00f3n del m\u00f3dulo<\/p>\n\n\n\n
Cuando se activa, un simple clic en el icono le llevar\u00e1 directamente a la parte superior. Permite al visitante volver f\u00e1cilmente a la parte superior de la p\u00e1gina. El bot\u00f3n s\u00f3lo aparece cuando el usuario se desplaza hacia abajo. Es \u00fatil tanto para sitios web de una sola p\u00e1gina como para sitios web de contenido extenso.<\/p>\n\n\n\n Puede elegir desplazarse hasta el enlace superior para que sea visible en escritorio y\/o m\u00f3vil.<\/p>\n\n\n\n Puede elegir el enlace de desplazamiento hacia arriba para alinearlo a la derecha o a la izquierda de la p\u00e1gina.<\/p>\n\n\n\n Puede configurar las siguientes propiedades de los iconos.<\/p>\n\n\n\n 1. Tama\u00f1o del icono<\/strong> - Permite ajustar el tama\u00f1o de la fuente del icono. Los ajustes para cambiar el radio de fondo, el color del icono y el color de fondo del icono est\u00e1n disponibles en la pesta\u00f1a de dise\u00f1o.<\/p>\n\n\n\n Scroll to top es una funci\u00f3n disponible en la versi\u00f3n gratuita 4.0.0 del tema Astra. Como su nombre indica, este complemento ayuda a a\u00f1adir una acci\u00f3n de desplazamiento a la parte superior en las p\u00e1ginas m\u00e1s largas. Esto elimina la molestia de desplazarse hasta la parte superior cuando se ha llegado al final de la p\u00e1gina. Pasos r\u00e1pidos sobre c\u00f3mo a\u00f1adir [...]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[2035],"docs_tag":[],"class_list":{"0":"post-24674","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-theme-walkthrough-docs"},"spectra_custom_meta":{"_wp_old_slug":["scroll-to-top|scroll-to-top","scroll-to-top|scroll-to-top"],"_yoast_wpseo_primary_docs_category":["135"],"_wp_page_template":["default"],"_edit_lock":["1673504371:89"],"_edit_last":["89"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["1"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:43:\"https:\/\/wpastra.com\/docs\/scroll-to-top-pro\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"30662\";s:5:\"title\";s:38:\"Astra Options that won't work with AMP\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:4763:\"\n As we know AMP does not allow JS to render on mobile devices. It also restricts the CSS size to 50 KB. Some advanced options from Astra theme and Astra Pro needs JS and extra CSS to work. With the restriction of JS and CSS, some Astra options will not work when AMP is enabled.<\/p>\n\n\n\n Though some Astra options will not work on AMP pages, switching to AMP with these options will not break anything on your website. These features will be replaced by alternative options from the Astra itself. <\/p>\n\n\n\n Below is the list for the Astra Pro addons that will not work with AMP -<\/p>\n\n\n\n Apart from the above, some options from other Astra Pro addons will not work. They are as follows - <\/p>\n\n\n\n![\"Scroll](\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/scroll-to-top-1.gif\")
<\/a><\/figure>\n\n\n\nPantalla encendida<\/strong><\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\nPosici\u00f3n<\/strong><\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\nConfiguraci\u00f3n de iconos<\/strong><\/h3>\n\n\n\n
2. Radio de fondo del icono<\/strong> - Aplique bordes redondeados para el fondo del icono con esto.
3. Icono Color<\/strong> - Permite definir el color de la fuente del icono
4. Icono Color de fondo<\/strong> - Permite establecer el color de fondo del icono.
5. Color del icono<\/strong> - Permite definir el color de la fuente del icono al pasar el rat\u00f3n por encima.
6. Icono Hover Color de fondo<\/strong> - Permite definir el color de fondo del icono al pasar el rat\u00f3n por encima.<\/p>\n\n\n\n<\/a><\/figure>","protected":false},"excerpt":{"rendered":"\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:65:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-scroll.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:108:\"\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-devices.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:109:\"\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:65:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-colors.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:108:\"\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:62:\"https:\/\/wpastra.com\/docs\/how-to-update-the-scroll-to-top-icon\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:1:\" \";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:62:\"https:\/\/wpastra.com\/docs\/how-to-update-the-scroll-to-top-icon\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:38:\"How to Update the \"Scroll To Top\" Icon\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-17T11:11:36+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images & Names Correctly. Title & Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_yoast_wpseo_title":["How to Add Scroll to Top Button Using Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["3"],"_ht_kb_post_views_count":["27"],"_ht_kb_usefulness":["0"],"_ht_article_order_135":["24674"],"wp_last_modified_info":["January 12, 2023 @ 11:48 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["22026"],"helpful":["40"],"unhelpful":["23"],"redirects":["31"],"rank_math_primary_docs_category":["2035"],"rank_math_title":["How to Add Scroll to Top Button Using Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1215"],"rank_math_seo_score":["20"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-01-12 11:48:12"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"4a9e8736a40848f9dfe25ea915b81e23\";s:6:\"images\";a:1:{i:0;i:144112;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["desplazarse-al-principio-pro"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:12:\"core\/heading\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1778847305\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Scroll to top is a feature that is available in the free Astra theme version 4.0.0. As the name suggests, this addon helps add a scroll-to-top action on longer pages. This takes away the pain of scrolling right to the top when you\u2019ve reached the end of the page. Quick Steps on How to Add…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24674"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=24674"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24674\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24674"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24674"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}