使div在頁面上的某個位置可見

-2

基本上，我正在尋找使網頁上的某個位置可見div的代碼。當您滾動瀏覽網站時，您會在特定的標題中看到某些標題，因此div需要在導航欄中顯示。使div在頁面上的某個位置可見

股利#greybar是需要獲取可視只在滾動時有一定位置的股利，整個導航欄是固定的

HTML：

<div class="navbar"> 
    <div class="container"> 

     <div class="logo"> 
      <img src="images/logotekst.png"> 
     </div> 

     <div id="menubutton"><a onclick="playclip();" href="#homejump">Home</div> 
     <div id="menubutton"><a onclick="playclip();" href="#aboutjump">About</div> 
     <div id="menubutton"><a onclick="playclip();" href="#infojump">Info</div> 
     <div id="menubutton"><a onclick="playclip();" >test</div> 

    </div> 
    <div id="greybar"></div> 
</div>

CSS：

#greybar { 
width: 100%; 
height: 5px; 
background-color: #A4A4A4; 
}

來源

2014-09-01 kaaai3

那麼在此得到了與java做？你試過什麼樣的CSS？位置：絕對; top：100px; left：400px; – 2014-09-01 08:05:53

這和PHP有什麼關係？你的意思是JavaScript;）？ – j123b567 2014-09-01 08:10:53

如果你想幫助至少顯示你正在談論的DIV的HTML。這裏有一些相當不錯的人，但他們不是千里眼** – RiggsFolly 2014-09-01 08:10:56

-1

如果你使用的是javascript和jQuery，你可以看看jQuery的功能 hover,show,hide，text。在所有頁面的末尾，都有很好的例子。

編輯：你應該使用class="menubutton"而不是id="menubutton"。

之後，就可以使用腳本像

<script> 
    $("div.menubutton").hover(
     function() { 
     $("#greybar").text($(this).text()); 
     $("#greybar").show(); 
     }, function() { 
     $("#greybar").hide(); 
     $("#greybar").text(""); 
     } 
    ); 
    </script>

編輯2：添加到greybar類position: fixed;

來源

2014-09-01 08:20:14 j123b567

不回答問題（該問題太模糊，無法在當前形式下回答） – GordonM 2014-09-01 08:22:36

我完全理解問題延長。現在我已經改進了反映HTML結構的答案。 – j123b567 2014-09-01 09:39:56

我會看一下這個腳本，看看我是否可以用它做點什麼，謝謝 – kaaai3 2014-09-01 09:53:11

使div在頁面上的某個位置可見

回答

相關問題