画面の一番上にdivを作る方法は？下にスクロールした後、スクロールアップした後にスクロールします。

Question

スクロールした後に画面にdivを作成する方法は、ウィンドウの上部に固定され、彼らは下にスクロールします...私はここで答えを試みたが、それでも働いていない...本当に助けが必要です...

問題はここです！

<div id="mainMenuBarAnchor"></div> 
<div id="left_content" class="left_content"> 
    <ul class="left_menu">  
    <li class="odd"><a href="#">Latest</a></li> 
    <li class="even"><a href="#">Size</a></li> 
    <li class="odd"><a href="#">Color</a></li> 
    <li class="even"><a href="#">Price</a></li> 
    </ul> 
</div> 

Answer 1

これは、CSS positionプロパティで行うことができます。 また、ページの本文をヘッダーの高さでオフセットして、最初のページの読み込み時に何も切り取られないようにする必要があります。

Answer 2

あなたはCSSで次のようにしなければなりません。

<style> 
    #mainMenuBarAnchor { 
     position: fixed; 
     top: 0; 
     right: 50%; 
    } 
</style> 

divコンテンツは、ユーザーのスクロールに関係なくページの中央上部にとどまります。詳細はhereを参照してください。

あなたのためにここに完全なhtmlがあります。

<style> 
     #mainMenuBarAnchor { 
      position: fixed; 
      top: 0; 
      right: 50%; 
     } 
    </style>  
    <div id="mainMenuBarAnchor">Top Anchor</div> 
    <div id="left_content" class="left_content"> 
     <ul class="left_menu">  
     <li class="odd"><a href="#">Latest</a></li> 
     <li class="even"><a href="#">Size</a></li> 
     <li class="odd"><a href="#">Color</a></li> 
     <li class="even"><a href="#">Price</a></li> 
     </ul> 
    </div>