Webページの上部から下にスライドするログインページが必要です。しかし、私はそれがページをカバーするのではなく、ウェブサイト全体を下に移動させたいのです。
誰でも私にリンクを紹介できますか?
エリック
Webページの上部から下にスライドするログインページが必要です。しかし、私はそれがページをカバーするのではなく、ウェブサイト全体を下に移動させたいのです。
誰でも私にリンクを紹介できますか?
エリック
これを行う1つの方法は、ログイン後にメインコンテンツが流れるように、HTMLで相対位置を使用することです。つまり、ログインの高さのサイズを変更div
して、残りのコンテンツをプッシュダウンするだけです。
<div id="thePage">
<div id="login"><!-- login stuff here --></div>
<div id="restOfThePage"><!-- The rest of the page here --></div>
</div>
CSSは次のようになります。
#login { height: 0; }
次に、JavaScriptを使用してログインパネルを表示する場合は、次のようにします。
document.getElementById("login").style.height = "100px"; // for example
または、ログインパネルをアニメーション化する場合は、jQueryまたはアニメーション機能を備えた任意の数のJavaScriptライブラリを使用できます。
jQueryを使用している場合は、.slideDown()メソッドが必要です。