使用 jQuery 滚动带有 div 的页面

Question

我正在构建一个具有隐藏 div 的移动网站，当单击按钮时，会发生一些事情来显示该 div 并拉伸页面。

本质上它是一种“收据”，我有三个 div 彼此叠放在一起组成这个，顶部 div 包含我的收据的顶部（一个带有一点点纸的孔)。中间的 div 是隐藏的，是点击时显示的收据正文。底部 div 是收据的底部，其中包含始终可见的公司品牌（徽标等）。

因此，当用户第一次访问该网站时，他们会看到 Top 和 Bottom div 坐在一起，看起来就像一张挂着徽标的小收据，等等……

我需要帮助的是“收据”位于距视口底部约 30 像素的位置，当它展开时，窗口不会随之移动。当中间 div 打开并将其向下推时，我该怎么做才能使页面与此 div 一起移动？

Answer 1

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

    $(document).ready(function() {

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

});