Preguntas con la etiqueta [scroll]
El scrollse refiere al deslizamiento continuo de contenidos a través de una pantalla de visualización.
181
preguntas
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, ...
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 ($...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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">...
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/...
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 ...
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 ...
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 ...
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, ...
-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í:
...
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, ...
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: ...
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 ...
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 ...
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 ...
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......
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
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: &...
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.
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 ...
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 ...
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 ...
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 ...
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 ...
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 = ...
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("...
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 ...
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.
...
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:
...
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 ...
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(&...
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 ...
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 ...
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, ...
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'
}, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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
$(...