Preguntas con la etiqueta [scroll]
El scrollse refiere al deslizamiento continuo de contenidos a través de una pantalla de visualización.
174
preguntas
0
votos
0
respuestas
3
vistas
Barra de scroll vertical aumenta el ancho del contenido de iframe
Buenos días. Necesito si me pueden ayudar con esto:
Puse unos horarios de servicios de trenes en una página mediante un iframe y usé vínculos para llamar imágenes -en lugar de archivos html- dentro de ...
0
votos
0
respuestas
15
vistas
Efecto en el scroll donde el texto se traslada de forma horizontal
Alguien sabe como se realiza el efecto en el que seguimos haciendo scroll vertical y la pantalla queda fija en un punto y el texto se va trasladando y mostrando de forma horizontal
Inspeccionando un ...
0
votos
0
respuestas
23
vistas
Problemas Scroll Horizontal - Elementor
Estoy tratando de realizar un scroll horizontal de acuerdo a un tutorial de Elementor
En el editor de Elementor me funciona perfectamente, pero una vez que lo veo fuera del editor, deja de funcionar, ...
-1
votos
1
respuesta
43
vistas
Desplazamiento a posición especifica usando bootstrap
Esta seria mi barra de navegación:
Lo que busco es que al presionar en experiencia, por ejemplo, me desplace de la siguiente forma
Dejándome el titulo con borde superior.
En cambio me queda así:
...
0
votos
2
respuestas
42
vistas
onPressed en ListWheelScrollView en Flutter
Estoy usando ListWheelScrollView para crear una lista de ElevatedButton, con la intención de que al tocar cada ElevatedButton, navegue a otra página. Lo intento usando Navigator.push en onPressed, ...
2
votos
3
respuestas
168
vistas
Cambiar estilos haciendo scroll usando outerHeight, junto con div fixed y otro div sticky
Estoy creando un efecto visible y oculto de un div fixed al hacer scroll. En conjunto con el header y otro div sticky.
El div fijo se oculta al hacer scroll pero al terminar de visualizar el header: ...
0
votos
0
respuestas
36
vistas
Problema con el scroll views
Buenas estoy con en problema si me puieran dar una mano.
Tengo un scroll views que funciona correctamente pero cuando se termina la operacion y se vuelve al home lanza un error y es el scroll views ya ...
0
votos
1
respuesta
51
vistas
Scroll Lateral con CSS
Resumen
Estoy intentando poner un scrol lateral para visualizar cartas de boostrap, pero no logro hallar el problema (El problema es que las cartas no me las ajusta para ver lateralmente)
Estoy ...
0
votos
1
respuesta
219
vistas
Bloquear scroll vertical del body cuando un modal está activo
Hola que tal tengo un modal con la clase de css show, la cual se mostrará al hacer click en un botón (.btn_menu), estoy intentando por medio de JS que cuando esta clase esté activa, el body tenga un ...
0
votos
0
respuestas
62
vistas
JavaScript, hacer que ScrollIntoView() no tenga en cuenta un header top fixed de 80px
Hola a todos tengo en mi portafolio personal un menú de navegación que cuando se hace scroll hacia abajo, éste queda fijo en el top de la pantalla, la navegación funciona por medio de JS con un ...
0
votos
0
respuestas
118
vistas
Como puedo hacer para que una imagen de fondo cubra toda la altura de la pantalla cuando es responsive, incluso al hacer scroll?
Tengo 2 imágenes de fondo, una para el modo claro y otra para el modo oscuro, estoy usando React y ChakraUI, en todos los tamaños las imágenes se ven bien cuando voy a 'inspeccionar'. Solo tengo un ...
0
votos
0
respuestas
78
vistas
Datatable no se alinea el encabezado con el cuerpo al hacer visible una columna
Utilizo un datatable con muchas columnas a la que se le permite scrollX ScrollY; pero al agregarlas a demanda objTable.column(3).visible(true);
y sobrepasa el ancho establecido y apareciendo el ...
0
votos
1
respuesta
393
vistas
Posicionar scroll en elemento concreto al cargar una web
Tengo un html que representa lo que sería el anverso y reverso de una tarjeta física. En un primer momento, se muestra el div id="anverso" que contiene todo lo que hay en el anverso de la ...
0
votos
1
respuesta
62
vistas
Scroll lateral en Wordpress
Tengo un problema, en ciertas páginas me aparece un scroll horizontal que no logro arreglar ni comprender...
https://metalsystem.site/mesas-elevadoras/extraplanas/
Alguien me podría ayudar por favor......
0
votos
0
respuestas
19
vistas
Widget para React
Quisiera implementar este elemento en mi página con react, es como una barra que mueve el punto azul a la vez que el scroll, si me pueden ayudar con el nombre del widget para buscar como realizarlo:
0
votos
0
respuestas
73
vistas
¿Comó hago en REACT para que el componente DROPDOWN quede siempre abajo al hacer click y no se abra para arriba cuando scrolleo?
Este es el código.. al hacer el primer click.. se abre hacia abajo sin importar el scroll.. scrolleo para abajo y todo bien.. pero cuando quiero scrollear para arriba.. los items se van al top.
Este ...
0
votos
0
respuestas
82
vistas
Detener una funcion de JS por un tiempo especifico
Tengo la siguiente pagina que ejecuta un script de JS para realizar un scroll de la pagina en automático, esto con la finalidad de mostrar una serie de imágenes.
Quiero que cada vez que el scroll ...
0
votos
0
respuestas
43
vistas
Smooth Scroll no funciona en mi notebook
Armé mi pagina desde la pc de escritorio con el siguiente codigo en el CSS
html{
scroll-behavior: smooth;
scroll-padding-top: 12%;
}
Ya realice los @medias para la notebook, los chequie con el ...
0
votos
1
respuesta
92
vistas
Como agregar una scrollbarr a una lista
quisiera preguntarles que podría agregar en el CSS con bootstrap para tener una barra scroll a esta lista... y visualizar mejor su contenido...
Gracias
1
voto
2
respuestas
91
vistas
suavizar el Scroll horizontal en js vanilla
Tengo un scroll horizontal en mi pagina web, en el body, y su scroll se nota muy torpe ¿Cómo hacer que la transición se sienta suave a la vista?. Simplificando un ejemplo parecido seria como este: &...
0
votos
1
respuesta
216
vistas
Grid sin scroll bar horizontal
¿Cómo puedo habilitar el scroll bar horizontal en un grid en genexus 16 u9?
Por default se habilita el scroll bar vertical, pero no así con el scroll horizontal.
De antemano gracias.
2
votos
1
respuesta
237
vistas
¿Por qué no caben varios elementos verticalmente en un View de React Native? El View no hace Scroll
Tengo una aplicación en la que hay una vista con dos CardViews cada una de las cuales me dirigen a diferentes pantallas.
Ahora agregué otro CardView y ya hay tres. El problema es que ni en iOS ni en ...
1
voto
0
respuestas
239
vistas
Scroll top al cambiar de ruta en Vue 3
Me sucede que estoy viendo una lista de elementos, y al clickear en cualquiera de ellos me dirijo a una nueva ruta donde tengo una vista mas completa de dicho elemento.
Si en la lista, yo scrolleo ...
1
voto
1
respuesta
83
vistas
¿Cómo puedo hacer que el scroll del body , esté en el inicio tan solo haciendo un click en un botón?
/*Javascript*/
body.classList.add("noScroll")
/*css*/
.NotScroll {
overflow:hidden;
/* !!!! */
}
¿Cómo puedo hacer que al oprimir un botón el scroll del body se vaya hacia arriba el ...
2
votos
1
respuesta
183
vistas
Mover toda la vista al abrir el teclado
Tengo mi activityMain en donde tengo un login sencillo, en este al abrir el teclado para ingresar los datos se superpone el teclado sobre el campo de password y no deja hacer scroll por lo que estuve ...
0
votos
0
respuestas
86
vistas
¿Cómo obtener cantidad determinada de elementos a partir de la respuesta de un fetch?
Buen día
Cuento con una aplicación en nodejs en la cual, se realiza una petición al servidor mediante fetch para retornar una cantidad determinada de resultados, acorde a los criterios indicados por ...
1
voto
1
respuesta
21
vistas
Como puedo colocar un modal que se muestre al 50% del scroll?
estoy intentando colocar un modal que se muestre al scrollear hasta el 50% de la pagina. Intente utilizando
<script>
window.addEventListener('scroll', () => {
const scrollable = ...
1
voto
1
respuesta
25
vistas
cambiar valor de una variable predefinida al lanzar un evento
hola estoy intentando detectar la ejecución del scroll() y almacenar en una variable global predefinida el estado del mismo, pero no sé por qué no se ejecuta.
var scrll = false;
$(document).on("...
1
voto
1
respuesta
142
vistas
como hacer scroll sobre un div con animate y jquery
Hola estoy trabajando en un chat y tengo un div class="Chatbox" que es donde aparecen los mensajes y quiero que al enviar un mensaje si la altura del div es mayor que el alto predeterminado ...
3
votos
4
respuestas
164
vistas
¿Cómo cambio los estilos CSS cuando la pantalla muestra un div en concreto?
SOLUCIONADO
Solución aquí
Mi Index, es una full page, donde cada section es exactamente 100vh de height. He creado un script que hace que si hago scroll, mi web se pasa a la otra section de golpe.
...
0
votos
1
respuesta
51
vistas
Espacios en ScrollView en AndroidStudio
Tengo una duda, estoy implementando un ScrollView en mi actividad, pero esta misma añade unos gigantes espacios en la interfaz antes y después de cada elemento que añado. Dejo un GIF demostrativo:
...
1
voto
0
respuestas
183
vistas
Cómo hago un smooth scroll a un componente de React (usando bootstrap)
Estoy intentando hacer un smooth scroll desde los links del navbar a mis componentes de react pero como use bootstrap hay un montón de cosas que no puedo hacer. Alguien puede ayudarme? Probé con react ...
1
voto
1
respuesta
396
vistas
Detectar si un elemento html es visible o no con javascript puro
espero que puedan ayudarme con esta duda, lo que pasa es que estoy detectando si un elemento es visible en pantalla, para ello estoy utilizando esta función:
var imagen = document.querySelector(&...
0
votos
1
respuesta
47
vistas
Como bloquear <footer> al chocar con <main> para que no se sitúe uno encima del otro y haga scroll el main?
Me explico tengo 2 cajas 1 caja para el main y otra para el footer, cuando hago scroll sobre la pagina una caja pasa por encima de otra ya que tengo esto para que el footer se quede pegado abajo del ...
1
voto
1
respuesta
240
vistas
Slider responsivo de texto en HTML5 y CSS3
Hola amigos de Stack Overflow estoy realizando una página web con html y css y tengo que ponerle un pequeño slider que solo lleve texto, estuve investigando y vi que se puede hacer solo con css y su ...
0
votos
0
respuestas
111
vistas
Problema con Modal de modal (bootstrap)
Tengo un problema con las ventanas modal de bootstrap.
Abro un "modal1" y todo bien, el tema es que al apretar en un boton se abre un nuevo "modal2", hasta ahi todo bien. Pero, ...
0
votos
1
respuesta
905
vistas
Cómo puedo hacer que un botón haga scroll a cualquier parte de la página?
Algo parecido al scorllTop, pero poder elegir donde quiero que vaya el scroll
$(document).ready(function(){
$('.button').click(function(){
$('body, html').animate({
scrollTop: '0px'
}, ...
0
votos
1
respuesta
369
vistas
¿Como crear una tabla con la columna izquierda fija y cabecera fija que funcione en todos los navegadores?
lo que quiero hacer es que el lado izquierdo sea fijo, nose mucho de css asi que buscando informacion solo pude hacer la cabecera fija, pero nose como hacer el lado izquierdo de productos que sea fijo ...
0
votos
1
respuesta
177
vistas
Navbar queda encima del inicio de la sección al hacer scroll
Como puedo dar ese espacio del navbar al activar el scroll, para que este no quede encima del inicio de la sección a la cual el botón me dirige?
Lo que intento es que el alto del navbar sea ...
0
votos
1
respuesta
231
vistas
añadir clase a un elemento al hacer scroll hacia abajo y eliminar al hacer scroll hacia arriba con Angular
Estoy intentando cambiar el color de fondo de mi navbar (menu)cuando hago scroll hacia abajo y devolverla a su estado original cuando hago scroll hacia arriba y entra en el primer componente (que es ...
0
votos
1
respuesta
152
vistas
No me funciona el scroll infinito en navegador movil
Espero y me puedan ayudar con este problema que tengo y no he podido solucionar, utilizo este código js para hacer el scroll infinito, todo funciona muy bien en escritorio, pero al hacer pruebas en el ...
2
votos
0
respuestas
66
vistas
Evento scroll no funciona en Firefox para Android
Tengo una página con un menú con el efecto estilo sticky, pero tuve que hacerlo mediante JavaScript y posicionamiento fixed, ya que el menú estaba dentro de un contenedor y no me funcionaba el usar la ...
0
votos
0
respuestas
124
vistas
Obtener el Height de mi container con javascript
Tengo un codigo de javascript que me muestra un scroll dentro de un div, pero el scroll no obtiene el total de la pagina, en este caso el height y le estoy asignando un height desde css por ahora
$(...
0
votos
1
respuesta
282
vistas
Añadir scroll view vertical a una tabla HTML
tengo una tabla en HTML con 13 columnas de las cuales necesito agregar un scroll vertical y que los cabezales se queden fijo, he visto varias guías pero al final lo que hacen es dañar mis columnas y ...
0
votos
1
respuesta
251
vistas
Bajar Scroll al maximo JQUERY
Tengo un formulario con filas determinadas y si doy click en el boton agregar se añade una nueva fila, el problema esta en que lo añade y el scroll se mantiene en la misma posicion; alguien sabe el ...
-1
votos
1
respuesta
329
vistas
Galeria vertical en css con scroll
Necesito crear esta galeria, ya tengo el div con el scroll, pero aun no puedo crear las miniaturas y que se haga scroll cuando seleccione otra imagen de la miniatura
Esto es lo que tengo, solo es un ...
0
votos
1
respuesta
181
vistas
Como puedo desactivar el Auto Scroll cuando llega una imagen nueva de firebase? (si estoy haciendo Scroll y llega una imagen nueva me manda al inicio)
Este es mi Adapdador
public class Myadaptador extends RecyclerView.Adapter<Myadaptador.ViewHolder> {
private static Bitmap bitmap_transfer;
public static Bitmap getBitmap_transfer() {
...
0
votos
0
respuestas
86
vistas
¿Cómo puedo solucionar un conflicto de css entre AOS y un preloader?
estoy rediseñando mi sitio web e implemente un cargador que encontré en codepen, pero veo que está interfiriendo con la librería de Animate On Scroll Ya que el logo de la página y algunos elementos no ...
0
votos
1
respuesta
857
vistas
Como cambiar color de de barra de scroll mat-selection-list angular material
Quiero cambiar el color del scroll de navegacion ponerlo mas pequeño y los bordes curvos, le asigne un id scroll al mat-select y al mat-option pero no funciono, este es mi codigo del html:
<mat-...
0
votos
1
respuesta
2k
vistas
¿Menu lateral con scroll invisble?
Estoy tratando de hacer una página que tenga un menú lateral, dentro del cual puede haber submenus. Mi problema es que esta fijo el menú y si abro todos los menús, submenus no puedo ver lo que queda ...