Información de etiqueta

Respuestas populares con la etiqueta

7 votos
Aceptado

Infinite scroll + tooltips

Como dice @Ragebi, estás creando mal los tooltips. Tu variable tt no contiene un elemento sino un objeto con todos los elementos de la clase .infinite-scroll-item. Por ello lo que debes hacer es ...
Kiko_L's user avatar
  • 6,525
6 votos
Aceptado

¿Como quito el scrollbar al body?

Primero debes esconder el scroll que trae por defecto el navegador, así que en style.css agregarás esto al inicio: *{ height: 100%; overflow: hidden; } Y en el script, donde está esto $("#...
Andy Samuel's user avatar
  • 1,391
6 votos
Aceptado

Como hacer smooth scrolling hacia un elemento

Puedes usar jquery para animar el scroll. usando el metodo animate le dices el tiempo que quieres que tarde. Por ejemplo poniendo 500 tardaría medio segundo al estar usando milisegundos. ...
lois6b's user avatar
  • 7,539
4 votos
Aceptado

Función con scroll

Puedes utilizar una var para que cuando clickes le cambie el valor a esa variable: var buttonClicked= false; y en el if ($(this).scrollTop() > 150 && buttonClicked==false) compruebas que ...
x3k's user avatar
  • 3,801
3 votos
Aceptado

Eliminar scroll de un md-select no funciona

Hay que sobrescribir los max-height en el .css que vienen predefinidos por AngularJS (Angular 1) de la siguiente manera: menu { max-height: none !important; } content { max-height: none !...
DebisU's user avatar
  • 56
3 votos
Aceptado

Efecto de scroll en una columna

Elimina el position: fixed; y ya no se te pondrá encima. Cuándo utilizas fixed no tiene en cuenta la posición de nada, sino que se coloca por defecto en el 0,0 de su espacio disponible. Si quieres ...
Miquel Coll's user avatar
  • 3,201
3 votos
Aceptado

Como hago un boton para ir para arriba con javascript nativo

Puedes asignarle el uso del método scrollTo() Botón HTML <button>Regresar al inicio</button> Código JS <script> let btn = document.querySelector("button") btn....
BetaM's user avatar
  • 31.1k
3 votos
Aceptado

Realizar una función al llegar a una sección de la página

Si usas Bootstrap puedes hacerlo con Scrollspy Si no usas bootstrap puede hacerlo con JQuery/JS: La idea es bastante simple, quedarte con cuanta distancia tiene tu elemento hasta el top. var ...
x3k's user avatar
  • 3,801
3 votos

Cambiar estilos haciendo scroll usando outerHeight, junto con div fixed y otro div sticky

Con esta función yo resolví una situación algo parecida. $(function () { var navigation = $("#navbar"); $(window).scroll(function () { var navheight = $("#navbar")...
Jesús Magallon's user avatar
2 votos
Aceptado

Scroll para abajo cuando hago click

Error: Al incluirlo en header.php tu script se esta ejecutando cuando aún no se termino de cargar por completo la página y el elemento con clase .ui-state-default aún no existe. Solución: Has uso de $...
Marcos's user avatar
  • 33.4k
2 votos
Aceptado

¿Porque el scroll no sube?

Para eso tienes que usar un poco de javascript: window.onbeforeunload = function () { window.scrollTo(0, 0); }
Black Sheep's user avatar
  • 13.5k
2 votos
Aceptado

No funciona el scroll en aplicación Android

Se supone que el listView crea su propio scroll dependiendo de la longitud de tu arreglo, cuando ve que son muchos datos lo crea de lo contrario no, pero en mi experiencia te puedo decir que despues ...
Javier fr's user avatar
  • 1,788
2 votos
Aceptado

Android Studio problemas con ScrollView

Lo que ocurre es que estas usando el modo invisible, que hace que la View sea "transparente" aunque sigue ocupando espacio. Para hacer que desaparezca por completo debes usar el modo "gone". En tu XML,...
javmarina's user avatar
  • 136
2 votos

Realizar animación al realizar scroll

No hay una forma nativa en CSS para hacer esto, la única opción es escuchar el evento scroll y hacerlo a mano. Otra cosa que debes saber es como calcular donde estas y las dimensiones de la ventana ...
rnrneverdies's user avatar
  • 16.8k
2 votos

Realizar animación al realizar scroll

Si estás utilizando jQuery, pon un escucha en el evento: $(window).on("scroll", function(evt) { ... }); Es decir: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min....
Paul Vargas's user avatar
2 votos
Aceptado

Saber la posicion de un elemento respecto al scroll

He editado un poco el código original de esta respuesta en SOen: Version JavaScript: var prev_id; document.getElementById('main').onscroll = function(){ var element_height = 200; ...
Black Sheep's user avatar
  • 13.5k
2 votos
Aceptado

¿Cómo puedo agregar un scroll al contenido del modal para visualizarlo de manera responsive?

Te sugiero que hagas que que la ventana modal .contenidoventana mida la altura de la pantalla o un poco menos con la propiedad height: 100vh luego le agregas la propiedad overflow-y: scroll para ...
Santiago Roldan's user avatar
2 votos

Imagen en Scroll

Solo debes usar css para posicionar el elemento como fixed: .fixedElement { background-color: #c0c0c0; position:fixed; top:0; width:100%; z-index:100; }
klys's user avatar
  • 131
2 votos
Aceptado

ScrollView no funciona "Android Studio"

Asigna la propiedad scrollbars a tu ScrollView asi <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical"> Ademas ...
Andrés's user avatar
  • 354
2 votos
Aceptado

¿Cómo desactivar scroll de tweenmax en este proyecto?

Inspeccionando tu código en la función scrollEasing puedes definir la distancia del desplazamiento al hacer scroll En el archivo (main.js), puedes cambiar el valor en esta linea de código: var ...
A. Palacio's user avatar
  • 1,271
2 votos
Aceptado

como hago para que mis mensajes se muestren de abajo hacia arriba

En este ejemplo he hecho que en el div chat se cree un nuevo p cada vez que se escriba un mensaje, y de esa forma cada nuevo p se coloca debajo del anterior, tienes mucho que mejorar en este código ...
Aiub Al-lal's user avatar
2 votos

Como hacer que un elemento este oculto, luego aparezca y vuelva a desaparecer con el scroll en Jquery

La condicion esta mal, deberia ser asi: if ($(this).scrollTop() > 900 && $(this).scrollTop() < 3000) Modifique un poco tu codigo, probalo... $(document).ready(function() { //...
information's user avatar
  • 6,420
2 votos
Aceptado

scroll zoom texto

Ok, revisando su código y el código de la página a la que me envía su link, noté que para que el efecto funcione necesita especificar un height en los estilos tal y como se hace aquí: #scroller { ...
Joel Muñoz Moran's user avatar
2 votos
Aceptado

¿Cómo activar una animación sobre un elemento al hacer scrollUp?

Para ver si un elemento está visible deberías comprobar si la parte superior está visible (algo que ya haces, comparando la parte superior del elemento con la parte inferior de la pantalla), pero ...
Alvaro Montoro's user avatar
  • 49.2k
2 votos
Aceptado

¿Como hago para que el scroll del navegador se ajuste a un modal?

Ojeando la documentación de la librería que estas utilizando me he percatado de que la propia librería ya ofrece una solución para el problema que estás planteando. Para conseguirlo debes añadir ...
dperezv.com's user avatar
2 votos

¿Como hacer que una caja siempre aparezca con el máximo de scroll?

Podrías intentar hacer un "onLoad" en el "body" del chat, es decir: <body onLoad="funcionAbajo()"></body> Y en el JS usar el siguiente código: function funcionAbajo(){ window.scroll({ ...
JorgeD's user avatar
  • 114
2 votos
Aceptado

Galeria vertical en css con scroll

La respuesta a tu pregunta es la mas basica de html. esto se realiza con un identificador (ID) la cual tienes que ubicar en la foto de destino (id="foto1"), ahora tienes que ir a esa foto ...
Zerotet's user avatar
  • 303
2 votos

Cómo puedo hacer que un botón haga scroll a cualquier parte de la página?

Puede que te interese el método scrollIntoView Aquí tienes el enlace para consultarlo Te dejo el ejemplo que proporciona W3schools para una mejor representación visual. <!DOCTYPE html> <...
Ichikon's user avatar
  • 21
2 votos
Aceptado

Mover toda la vista al abrir el teclado

Te hice un diseño nuevo y es adaptativo [MARCALA COMO RESPONDIDA SI TE SIRVE] <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas....
Osdward's user avatar
  • 322

Only top scored, non community-wiki answers of a minimum length are eligible