Articles of scroll

Cómo configurar Offsett para desplazamiento suave

He implementado el CSS Tricks Smooth Page Scroll en mi sitio y está funcionando bastante bien. Sin embargo, debido a que tengo una navegación fija en la parte superior de la página, cuando la página se desplaza al div ancla correspondiente, la parte superior de la división desaparece detrás de la navegación. ¿Cómo puedo desplazar […]

Explica por qué scrollTop () siempre devuelve 0 aquí

Consulte http://codepen.io/anon/pen/NGqPNz CSS: html { height: 100%; overflow-y: hidden; } body { height: 100%; overflow-y: auto; } JS: $(‘body’).bind(“scroll”, function () { if ($(‘body’).scrollTop()) { console.log(‘triggered!’); } else { console.log($(‘body’).scrollTop()); } }); El evento de desplazamiento se está disparando en el elemento del cuerpo. La barra de desplazamiento está en el elemento del cuerpo, no […]

desplácese un alto de página hacia arriba o hacia abajo con jQuery / Javascript

Actualmente estoy trabajando en un sitio que requiere algo similar en términos de funcionalidad de desplazamiento: http://www.apple.com/iphone-5s/ En medio de hacer esta pregunta, obtuve parte del sitio cargado: http://www.bnacademy.com.au/ He revisado el código del sitio (manzana) y, por supuesto, como debería haber sospechado, apareció vacío. Estoy buscando una manera de tener divs de página completa […]

Encabezados pegajosos con -webkit-desbordamiento-desplazamiento CSS

Usando un complemento de jQuery modificado, hemos desarrollado un cuadro de desplazamiento de encabezados adhesivos para imitar la funcionalidad nativa en iOS en aplicaciones nativas con una solución de navegador que funcionará en todas las computadoras. Aquí está el FIDDLE: http://jsfiddle.net/f3y9s/1/ Todo está funcionando incluido en iOS. Yendo más lejos, me gustaría implementar el suavizado […]

jQuery iFrame Content Panning (en lugar de desplazamiento)

Estoy buscando un iFrame Content Panning como Google Maps en lugar de un desplazamiento regular … Lo que quiero decir es … Digo, he cargado google.com dentro de iFrame. Pero en lugar de desplazar ese iFrame, quiero usar la función Panorámica para desplazar el contenido de la página arriba / abajo. ¿Hay algún plugin para […]

¿Cómo animo en scroll dentro de una función de waypoint?

Tengo imágenes que aparecen desde la izquierda y la derecha de la pantalla a medida que el usuario se desplaza hacia abajo. Usando divPosition = $(‘div’).offset().top; para obtener la posición del elemento contenedor, reste el valor de scrollValue = $(document).scrollTop(); y aplique el valor a la posición izquierda en una imagen absolutamente posicionada. El desplazamiento […]

cargar comentarios disqus en páginas individuales basadas en el evento de desplazamiento

He aplicado comentarios disqus en mi única página de blog, que consta de muchas publicaciones en una sola página. …………. Show Comments …………. Show Comments …………. Show Comments El siguiente código que utilizo. $(‘.showDisqus’).on(‘click’, function(){ // click event of the show comments button var this_ = $(this); disqus_shortname = ‘example’, title = $(this).attr(‘data-title’), identifier = […]

pase de diapositivas con el cambio de color de fuente en cada diapositiva + fuente de callback para configurar el color en el desplazamiento

Estoy tratando de lograr un par de cosas aquí en un elemento de encabezado. En primer lugar, me gustaría una presentación de diapositivas jquery a relativa. En segundo lugar, tendré mi logotipo png y enlaces de navegación fijos delante de la presentación. ya que algunas de las diapositivas serán oscuras y otras serán claras, necesitaré […]

jQuery en evento de desplazamiento no disparando

Tengo una aplicación con muchas acciones ajax en marcha. Así que casi todos mis eventos se manejan así: jQuery( ‘body’ ).on( ‘click’, ‘#id’, function ( event ) { // Do something }); en lugar de: jQuery( ‘#id’ ).click( function() { // Do something }); Esto funciona con todos los eventos bastante bien, excepto el evento […]

Ocultar o mostrar ninguno para backgroundImage usando jquery

$(‘.arrow’).backgroundImage=”url(‘../img/arrow.png’).style.display = ‘none'”; Estoy usando un complemento animate.css para ocultar la flecha hacia abajo en el desplazamiento hacia abajo. `$( document ).ready(function() { console.log( “ready!” ); $(“h1″).animate({color:”#ffffff”}, 600); $(‘.arrow’).backgroundImage=”url(‘../img/arrow.png’)”;` if (direction == “up”) { $(“h1″).animate({color:”#ffffff”}, 600); $(‘.arrow’).backgroundImage=”url(‘../img/arrow.png’)”; } else if (direction == “down”) { $(“h1″).animate({color:”#444444″}, 600); $(‘.arrow’).backgroundImage=”url(‘../img/arrow.png’).style.display = ‘none'”; La flecha no está funcionando. ¿Mi […]