Faites défiler la page avec le div en utilisant jQuery

Question

Je construis un site web mobile qui a un div caché qui quand un bouton est cliqué, des choses se produisent qui révèlent ce div et étirent la page.

En substance c'est un "reçu" de toutes sortes, j'ai trois divs assis l'un sur l'autre qui le composent, le div supérieur contient la partie supérieure de mon reçu (un trou avec un petit morceau de papier en dehors). Le div du milieu est caché et est le corps du reçu qui est révélé sur le clic. Le div inférieur est la partie inférieure du reçu contenant l'image de marque de l'entreprise (logo et autres) qui est toujours visible.

Ainsi, lorsque l'utilisateur les premières visites du site, ils voient la séance divs Haut et Bas together comme un petit morceau de réception à traîner avec le logo et bla bla bla ...

Ce que je suis besoin d'aide avec est que le "reçu" se trouve à environ 30px du bas de la fenêtre, et quand il est développé la fenêtre ne bouge pas avec elle. Que puis-je faire pour que la page bouge avec cette div quand la div du milieu s'ouvre et la pousse vers le bas?

Answer 1

Oui. utilisez simplement scrollTop comme ci-dessous.

$(document).ready(function() { 

    $('element').click(function(){ 
     $('html, body').animate({scrollTop:0}, 'slow'); 
     return false; 
    }); 

});