使用jQuery滚动页面，使用div

我正在构建一个隐藏div的移动网站，当单击按钮时，发生的事情会揭示此div并拉伸页面。使用jQuery滚动页面，使用div

从本质上讲，它是一种“收据”，我有三个互相重叠的div，它们构成了一个顶部div，顶部div包含我收据的顶部（一个带有一点纸张的洞出）。中间div是隐藏的，并且是单击时显示的收据的主体。底部div是包含公司品牌（标志等）的收据底部，始终可见。

因此，当用户第一次访问，他们看到的顶部和底部的div坐在一起看起来像一小片的收据挂出标识等等等等的网站...

我所需要的帮助“收据”距离视口底部大约30px，当它被展开时，窗口不随之移动。我可以做些什么，以便在中间div打开并压下时使页面随该div移动？

来源

2012-04-19 Clay_Cauley

你能发表一些代码和快照吗？ – 2012-04-19 15:54:41

哦，如果你能给我们演示一下发生了什么，在[JS Fiddle]（http://jsfiddle.net/）或类似的地方，这很有用。这样我们就不必猜测你的标记和CSS，并且我们可以看到你实际使用的JavaScript，所以我们知道要纠正/修改/更新什么。 – 2012-04-19 16:06:58

如果您为创建jsfiddler演示而烦琐，那么即使是收据及其元素的CSS也会很有帮助。您是否设置了位置：固定或在收据中使用了一些浮动元素？ – walmik 2012-04-19 16:11:58

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

$(document).ready(function() { 

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

});

来源

2012-07-07 09:00:07 kalidasan

谢谢:)我几个月前拿到它了。但我很欣赏它。 – 2012-07-10 18:46:27

使用jQuery滚动页面，使用div

回答

相关问题