Cómo agregar un botón de desplazamiento hacia arriba en Chrome, Firefox, Edge y Opera

Cómo agregar un botón de desplazamiento hacia arriba en Chrome, Firefox, Edge y Opera

Puede llevar un poco de tiempo llegar a la parte superior o inferior de páginas web muy largas desplazándose hacia arriba y hacia abajo con la barra de desplazamiento. Algunas páginas largas incluyen atajos de botones de regreso a la parte superior para saltar directamente a la parte superior de ellas. Sin embargo, no todos los sitios web incorporan botones tan útiles.

Algunas extensiones de Google Chrome, Opera, Edge y Firefox agregan botones a esos navegadores para saltar a la parte superior e inferior de las páginas. Así es como siempre puede acceder a un botón para desplazarse a la parte superior de las páginas agregando uno permanente a esos navegadores web.

Cómo agregar un botón Scroll to Top con la extensión Scroll to Top

Scroll to Top es una extensión que hace lo que dice en la lata. Agrega un botón personalizable en la esquina inferior derecha del navegador, puede hacer clic para ir directamente a la parte superior (o inferior) de una página web. Esta extensión está disponible para Google Chrome, Firefox, Edge y Opera (posiblemente también para otros navegadores basados ​​en Chromium).

Para probar Scroll to Top, haga clic en el botón Agregar a en la página de descarga de la extensión. Luego abra la Búsqueda de Google y escriba una palabra clave allí. Debería ver un botón de flecha hacia abajo en la parte inferior derecha de la página de búsqueda; haga clic en ese botón para saltar al final de la página. Cuando esté en la parte inferior de una página, puede presionar el botón de flecha hacia arriba para volver directamente a la parte superior.

Si pasa el cursor sobre el botón de extensión, puede hacer clic en opciones de control adicionales. Al hacer clic en esos botones, se desplazará hacia arriba y hacia abajo en la página de forma incremental.

El botón Desplazarse a la página superior

Para cambiar el icono del botón Desplazarse hacia arriba , desplace el cursor sobre el botón de la extensión cuando se encuentre en la parte superior de una página; haga clic en el icono de la rueda dentada para que aparezca la pestaña Desplazarse hacia arriba . Luego elija otro icono para el botón dentro de la sección Configuración de iconos y biblioteca de la pestaña.

Opciones de iconos en la extensión Scroll to Top

Los mismos iconos están disponibles para el botón de la barra de herramientas de la extensión. Para cambiar eso, haga clic en la opción Elegir otro icono . Luego haga clic en un botón de radio para un icono diferente de la barra de herramientas y seleccione .

O puede cambiar el botón a una alternativa de doble flecha. Para hacerlo, haga clic en la opción Flecha doble . Luego, puede seleccionar algunas opciones de íconos nuevos para el botón de flecha doble cerca de la parte inferior de la página de configuración de la extensión.

Un botón de doble flecha

También puede cambiar la ubicación del botón a través de la pestaña Desplazarse hacia arriba . Para hacerlo, seleccione botones de opción alternativos para las opciones Ubicación vertical y Ubicación horizontal . Por ejemplo, al seleccionar las opciones Superior e Izquierda , el botón se ubicará en la esquina superior izquierda de las páginas.

La configuración del icono de la página

La opción Mostrar menú contextual habilita la función de clic derecho para la extensión. Seleccione el botón de opción Sí para esa opción. Luego verá un submenú Desplazarse hacia arriba en el menú contextual cuando haga clic con el botón derecho en una página web. Ese submenú incluye las opciones Desplazarse hacia arriba y Desplazarse hacia abajo que puede seleccionar para ir a la parte superior o inferior de una página.

El submenú Desplazarse hacia arriba

Descargar : Desplácese hacia arriba para Google Chrome | Borde | Ópera | Firefox (Gratis)

Cómo agregar un botón de desplazamiento a la parte superior con la extensión del botón de desplazamiento a la parte superior

Scroll to Top Button es una extensión alternativa para Chrome, Opera, Edge y Opera que funciona de manera muy similar a Scroll to Top. También tiene configuraciones de personalización similares a Scroll to Top, aunque sin mucha selección de íconos alternativos.

Abra la página de descarga de Scroll to Top Button para su navegador y seleccione instalar la extensión desde allí. Luego debería ver un botón para el complemento en el menú de extensiones o en la barra de herramientas de su navegador. Si no lo ve en la barra de herramientas, haga clic en el botón Extensiones de su navegador y seleccione la opción Desplazarse al pin del botón superior .

Una opción de pin para el complemento del botón Desplazarse hacia arriba

Deberá habilitar un modo experto para que esta extensión la utilice. Para hacerlo, haga clic con el botón derecho en el botón Desplazarse hacia arriba en la barra de herramientas y seleccione Opciones . Luego haga clic en el botón Ok, revisaré los modos expertos .

La opción Comprobaré los modos de botón experto

Para que el botón sea visible, seleccione la opción Voltear entre arriba y abajo en la pestaña Desplazarse al botón superior . Si se le solicitan más permisos, seleccione la opción Permitir ; haga clic en Guardar para aplicar la nueva configuración.

opción de voltear entre arriba y abajo

Ahora puede probar el complemento Scroll to Top Button. Abra Google e ingrese una palabra clave en ese cuadro de búsqueda. Verá el botón en una posición predeterminada en la parte superior derecha del navegador. Haga clic en la flecha para ir al final de la página de búsqueda. Luego haga clic nuevamente para volver a la parte superior.

El botón de flecha Desplazarse al botón superior

O puede usar las opciones del menú contextual de la extensión en su lugar. Haga clic derecho en cualquier parte de una página web y mueva el cursor sobre el submenú Desplazarse al botón superior . Seleccione Scroll to Top o Scroll to Bottom en ese submenú.

Las opciones del menú contextual Desplazarse al botón superior
Captura de pantalla capturada por Jack Slater: no se requiere atribución

El botón de desplazamiento a la parte superior tiene teclas de acceso rápido que puede presionar para saltar a la parte superior o inferior de las páginas. Presione la tecla de flecha Alt + Abajo para saltar hacia abajo. Presionar Alt + tecla de flecha hacia arriba lo lleva de vuelta a la parte superior de la página.

Para cambiar las opciones de visualización del botón, vuelva a la pestaña de configuración de la extensión. Allí, puede ajustar la posición del botón haciendo clic en el menú desplegable Ubicación del botón y eligiendo una opción alternativa. Haga clic en el menú Tamaño del botón para seleccionar dimensiones alternativas de ancho y alto en píxeles. También puede personalizar su color seleccionando una configuración diferente en el menú desplegable Diseño del botón .

Configuración de visualización de botones para la extensión del botón Desplazarse hacia arriba

Scroll to Top Button también tiene una configuración de modo de botón de flechas dobles . Haga clic en una de las opciones de flechas dobles en la configuración del modo de botón para configurarlo. Luego, el botón incluirá flechas hacia arriba y hacia abajo en las que puede hacer clic como en la instantánea a continuación.

La opción de flechas dobles

Descargar : Desplácese hasta el botón superior para Google Chrome | Borde | Ópera | Firefox (Gratis)

Saltar a la parte superior e inferior de las páginas con solo hacer clic en un botón

Las extensiones Scroll to Top y Scroll to Top Button pueden ahorrarle una gran cantidad de tedioso desplazamiento de la barra de desplazamiento en páginas web largas en Chrome, Edge, Opera y Firefox. Después de instalar una de esas extensiones, podrá saltar rápidamente a la parte superior o inferior de las páginas con solo hacer clic en un botón.

Ese es el tipo de función que Google, Microsoft, Mozilla y compañía ya deberían haber agregado a los principales navegadores. Si eres un poco más técnico, puedes codificar tu propio botón de desplazamiento hacia arriba.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *