使用javascript從下到上滑動div

我在主頁面或登錄頁面的頁腳處有一個登錄按鈕。目前，當用戶單擊按鈕時，登錄窗體將從TOP開啓到BOTTOM，即從窗體的開始到「登錄」按鈕。我想要的是，當我點擊登錄按鈕時，它應該打開使用幻燈片效果的形式，但從按鈕到TOP.I不想包括庫，如jQuery，因爲有一些衝突問題與它。使用javascript從下到上滑動div

請幫我出去或者向我介紹一些它發生的地址。

問候，

薩里爾Gaikwad

來源

2010-04-20 Salil

作爲一個附註，你可以在非衝突模式下包含jQuery。如果$變量已經被使用，你可以重新指定一個新變量： var jQ = jQuery.noConflict（）; jQ（「＃content」）。addClass（「pretty」）; – Aren 2010-04-20 16:03:30

見my demo。

我不會在兼容性方面做出任何承諾，就像我幾分鐘後做的那樣，但它在Safari 4中對我的工作非常好。基本上你需要包裝你的元素，將包裝的高度和寬度設置爲內部容器的高度和寬度，然後將內部容器的高度設置爲0px。我使用$fx來轉換CSS屬性。所有你需要做的就是將元素高度從0過渡到它的包裝的高度，並且將它的scrollTop設置爲該高度。不用擔心，用$ fx你可以設置速度等。

查看代碼，如果這些都沒有意義，我不擅長解釋，祝你好運！

來源

2010-04-25 01:07:18 Tom

在Ubuntu 9.04的Chrome 5.0.342.9上適用於我的作品 – 2010-04-25 01:18:31

我在給定的網址上沒有顯示任何內容。 – Salil 2010-04-25 04:18:57

你使用什麼瀏覽器？它適用於Mac 10.6.8和Chrome。 @Salil – 11684 2012-05-17 14:01:17

使用javascript從下到上滑動div

回答

相關問題