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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 = […]
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é […]
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 […]
$(‘.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 […]