使用jQuery使用div滚动页面

Question

我正在构建一个隐藏div的移动网站，当点击一个按钮时，会发生一些事情，揭示这个div并拉伸页面。

本质上它是各种各样的“收据”，我有三个div坐在彼此的顶部，使得这个，顶部div包含我的收据的顶部（一个带有一点纸的洞出来）。中间div是隐藏的，是点击时显示的收据正文。底部div是收据的底部，包含始终可见的公司品牌（徽标等）。

因此，当用户第一次访问该网站时，他们会看到顶部和底部的div一起坐在一起，看起来就像一小块收据，上面挂着徽标，等等等等......

我需要帮助的是“收据”距离视口底部大约30px，当它被展开时，窗口不会随之移动。当中间div打开并将其推下时，我该怎么做才能让页面移动这个div？

Answer 1

是。只需使用scrollTop，如下所示。

    $(document).ready(function() {

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

});