使用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

回答

相關問題