Despliegue habilitado por JavaScript

Question

Se pueden hacer animaciones de desplazamiento suave para ir desde una parte de una página web a otra. Hoy en día, algunos navegadores (por ejemplo, Chrome para Mac) admiten el "desplazamiento descendente" y, a menudo, el desplazamiento implica el desplazamiento excesivo.

Por lo tanto, las animaciones tradicionales de desplazamiento se ven bastante artificiales sin sobreescalar. ¿Hay alguna manera de sobredesplazarse en una página web con JavaScript para mejorar la animación de desplazamiento tradicional?

Answer 1

Sí, puede hacer una animación de rebote.

supongo que quería decir rebote https://ux.stackexchange.com/questions/13183/name-of-the-touch-ui-overscroll-feature

Acabo de construir una rápida/buggy.

var threshold = 400, 
    wrap = document.getElementById('wrap'), 
    wrapHeight = wrap.offsetHeight, 
    pageHeight = (wrapHeight + threshold); 

wrap.style.height = pageHeight+'px'; 

window.addEventListener('scroll', function(){ 
    var pageY = window.pageYOffset; 

    if (pageY > wrapHeight - threshold*1.5) { 
     wrap.style.height = wrapHeight+'px'; 
    } 
    if (wrap.offsetHeight === wrapHeight) { 
     if ((pageY > wrapHeight - threshold*2.5)) { 
      wrap.style.height = pageHeight+'px'; 
     } 
    } 
}); 

también https://github.com/andrewrjones/jquery.bounceback

la idea básica detrás de mi código: que hacer la página más grande para dar cabida a la animación. luego restablece la altura de la página después de desplazarse desde la parte inferior.

para hacer realmente la animación que necesita agregar: # envoltura { -webkit-transition: height .5s; }

Answer 2

Hay this project que proporciona un plugin de sobrescritura jQuery. Puede ser lo que estás buscando. Demostración on this page.