2

私は Apache でサーバーを実行していますが、質問がありました: 一部の Web サイトでは、スクロールするたびにその場所にとどまるものがあることをご存知ですか?

この例は、Facebook で「新しいイベント」と表示され、スクロールすると一緒に下にスクロールします。私はこれを行う方法を疑問に思っていました。サーバー コンピューターに WAMP がインストールされているので、PHP が必要な場合はそれを実行できます。これを検索語として何を使用すればよいか、よくわかりませんでした。

編集：Google検索できるように、これは何と呼ばれていますか？

4

4 に答える 4

4

あなたはあなたが自分のことをどう思うかによって物事をググる必要があります。

これは「画面付きのdivスクロール」か何かとしてグーグルで検索します。それはあなたをそこに連れて行くはずです。

とにかく、これにはCSSを使用します。あなたはdivを作成し（私はあなたがそれが何であるかを知っていると思います）、それに「固定された」位置を与えます。（注;これらは側面か何かに配置する必要があります。下部と上部はより多くのコードを提供します）

したがって、HTMLは次のようになります

<div id="scrolldiv">
 your text here 
</div>

CSSは次のようになります。

#scrolldiv{
height: 200px;
width: 200px;
position:fixed;
}

CSSの使い方がまだわからない場合は、次のように行うことができます（ただし、お勧めしません）。

<div style="width:200px; height:200px; position:fixed;"> text here </div>
于 2012-10-14T01:05:25.893 に答える
2

position: fixed;CSSに追加するだけです。これは、ページに対してではなく、ブラウザー ウィンドウに対して相対的に配置するように指示します。

于 2012-10-14T01:01:55.133 に答える
1

要素にクラスを与える例：

<div class='navbar'>
<!-- your menu html goes here -->
</div>

ページの先頭にスタイルタグを配置します

<style>
.navbar {
position: fixed;
right: 0;
left: 0;
}
</style>

http://twitter.github.com/bootstrap/もご覧ください。これは、この種のことへの素晴らしいキックスタートです。また、例で説明している固定メニューも備えています。

私はグーグルクロームを使用しており、要素の検査機能は要素のcssを見つけるのに最適です。同様の機能のためにFirefoxでFirebugを使用する人もいます。

于 2012-10-14T01:08:08.707 に答える
1

かなり長い間それをいじった後、最終的に自分に合ったコードを見つけました。ウェブサイトの冒頭にいくつかの改行を追加してから、この CSS コードを先頭に追加しました。

.navbar {
z-index = 1000;             /*or some large number*/
position: fixed;            /*this makes it scroll down with you*/
width: 100%;                /*the border takes up all the width available*/
height: 40px;               /*and takes up 40 pixels vertically*/
}

これを手伝ってくれたみんなに感謝します！

于 2012-11-14T00:54:42.567 に答える