Preguntas con la etiqueta [scroll]

El scrollse refiere al deslizamiento continuo de contenidos a través de una pantalla de visualización.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
12 vistas

Gsap problema para definir el final de la funcion scroll

tengo problemas para definir el final de la función scroll en una pagina web con Gsap, la pagina es: https://laounika.com/ como puede observarse al ingresar a la pagina aparece la primera imagen, ...
Cristian Estevez's user avatar
0 votos
0 respuestas
20 vistas

¿ Cómo reutilizar una función de javascript en varios div (html) , que se crean con infinite scroll?

tengo un dilema, he logrado después de varios tutoriales, crear un infinite scroll que me va formando un árbol de ´DIV' ( esto lo hice con JavaScript). Pero a algunos de esos DIV, les agrego datos ($...
Rafael Ventura's user avatar
0 votos
1 respuesta
26 vistas

Problema con un elemento con posicion Sticky y obtener el alto real con respecto a la pagina con JS

Tengo un problema y es que tengo un div que tiene posicionamiento sticky y al intentar obtener el element.getBoundingClientRect().top con el que puedo obtener la posición real con respecto al alto ...
Harold James Ashbrook's user avatar
0 votos
1 respuesta
33 vistas

Cambiar la altura de un contenedor div mediante scroll

Estoy intentando hacer un cambio (height) a un contenedor con respecto al scroll. Cuando se haga scroll sobre el contenedor container, el contenido hijo scroll se vaya modificando gradualmente su ...
Narciso Aifuz's user avatar
0 votos
0 respuestas
19 vistas

Como poner un fragment dentro de otro fragment? Con Chips no Pestañas!

Problema al llamar al metodo (loadfragment) tengo un menú inferior que me lleva a diferentes fragment y tengo el siguiente problema en uno de estos fragment tengo puesto un chipgroup en la parte ...
yus's user avatar
  • 1
0 votos
2 respuestas
27 vistas

How to make "contact me" btn (located at component "Home.jsx") -- SCROLL TO -- "Contact details" section (located at component "Contact.jsx")

Tengo: --> "contact me" btn, ubicado en el componente "Home.jsx". --> "Contact details" sección, ubicada en el componente "Contact.jsx" Ambos componentes ...
mauisiri's user avatar
0 votos
0 respuestas
64 vistas

Aplicar expanded en hijo de columna dentro de singlechildscrollview

Soy nuevo en flutter. Por favor necesito hacer que mi ultimo Widget llamado CommonButton, se muestre en la parte inferior de la pantalla, el scroll lo agrego para que no aparezca el error de desborde ...
Juan Manuel Villavicencio Tapi's user avatar
0 votos
0 respuestas
17 vistas

Problemas de ScrollTriger en responsive

Hola estoy haciendo unas pruebas simples con ScrollTrigger de https://greensock.com/docs/v3/Plugins/ScrollTrigger funciona muy bien pero en responsive no hace nada de los efectos, he probado y releido ...
Javier García-Rojo Cantón's user avatar
0 votos
1 respuesta
62 vistas

Flutter scroll brincado

En todas las partes donde tengo un ListView, ListView.builder o SingleChildScrollView, el ScrollController con solo deslizar poco brinca del inicio al fondo y viceversa. Video del problema Tengo otro ...
Nver's user avatar
  • 67
0 votos
0 respuestas
14 vistas

Scroll de Tkinter no funciona en mi ventana

Antes de nada, es mi primera vez escribiendo en este sitio por si cometo alguna falta. Llevo una semana buscando información en este sitio y todas las soluciones que encuentro tienen un código similar ...
gcb's user avatar
  • 1
0 votos
1 respuesta
67 vistas

Código de JavaScript no se ejecuta

espero y me puedan ayudar con el siguiente problemita que tengo. Tengo un codigo 'sencillo' de JavaScript el cual lo unico que hace es detectar scrollY, esto con el fin después de desarrollar una ...
Artes's user avatar
  • 204
5 votos
0 respuestas
402 vistas

¿ Como hacer scroll infinito dividiendo el contenido en WordPress?

¿ Cual es la mejor manera de hacer scroll infinito y fraccionar el contenido de la pagina para que indexe mejor por Google? Creando una tienda online queremos evitar al usuario el problema de tener ...
unity-student's user avatar
2 votos
3 respuestas
95 vistas

Problema de scroll en css

* { box-sizing: border-box; margin: 0; padding: 0; } img { width: 100vw; height: 100vh; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
santiago's user avatar
0 votos
0 respuestas
14 vistas

Problema con vídeoscroll en Svelte

Espero podáis echarme una mano. Buenos días. Estoy haciendo un "video scroll" con svelte, estoy siguiendo el ejemplo que os dejo en este enlace https://svelte.dev/repl/...
lamadrequemepario_dev's user avatar
0 votos
0 respuestas
37 vistas

¿Por qué mi página web se sale hacía arriba?

Durante estos días que llevo haciendo mi página web, he comprobado que algunos textos y vídeos se van hacía arriba (se salen y no se puede hacer scroll). Me gustaría saber si se puede hacer que el ...
Prozoon700's user avatar
0 votos
0 respuestas
21 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 ...
Ezequiel's user avatar
0 votos
0 respuestas
34 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 ...
Antonino Sartori's user avatar
0 votos
0 respuestas
66 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, ...
Atila el 10's user avatar
-1 votos
1 respuesta
65 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í: ...
nitdraig's user avatar
0 votos
1 respuesta
67 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, ...
Eve's user avatar
  • 13
2 votos
3 respuestas
236 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: ...
Narciso Aifuz's user avatar
0 votos
1 respuesta
97 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 ...
kvega's user avatar
  • 63
0 votos
1 respuesta
551 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 ...
Juan Jesús's user avatar
0 votos
1 respuesta
686 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 ...
Pip's user avatar
  • 139
0 votos
1 respuesta
68 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......
tineztin's user avatar
0 votos
1 respuesta
127 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
Andres's user avatar
  • 3
1 voto
2 respuestas
135 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: &...
kraud's user avatar
  • 511
0 votos
1 respuesta
316 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.
Omar Alejandro Ceja Castilllo's user avatar
2 votos
1 respuesta
415 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 ...
Diana's user avatar
  • 424
1 voto
0 respuestas
347 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 ...
Agustin G.'s user avatar
  • 2,716
1 voto
1 respuesta
150 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 ...
RaulRomero's user avatar
2 votos
2 respuestas
349 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 ...
Joel Guerrero's user avatar
0 votos
0 respuestas
115 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 ...
DWAXGIO's user avatar
  • 13
1 voto
1 respuesta
26 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 = ...
nicocarro's user avatar
1 voto
1 respuesta
30 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("...
Carlos Arias Montero's user avatar
1 voto
1 respuesta
195 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 ...
Carlos Arias Montero's user avatar
3 votos
4 respuestas
206 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. ...
Miguel Payá's user avatar
0 votos
1 respuesta
79 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: ...
Franqo Balsamo's user avatar
1 voto
0 respuestas
233 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 ...
Valeria's user avatar
  • 11
1 voto
1 respuesta
502 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(&...
TheHackerMan27's user avatar
0 votos
1 respuesta
52 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 ...
MyNameIsUnknown's user avatar
1 voto
1 respuesta
363 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 ...
Harrison Olvera's user avatar
0 votos
0 respuestas
136 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, ...
Matiri90's user avatar
0 votos
1 respuesta
2k 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' }, ...
dcuatro4's user avatar
0 votos
1 respuesta
559 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 ...
bemoba1437's user avatar
0 votos
1 respuesta
273 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 ...
Diego Félix Esparza Dianta's user avatar
0 votos
1 respuesta
271 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 ...
Rosa María BJ's user avatar
0 votos
1 respuesta
185 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 ...
sagitorr's user avatar
2 votos
0 respuestas
98 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 ...
WilmerC's user avatar
  • 31
0 votos
0 respuestas
154 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 $(...
Iván's user avatar
  • 165