使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在页面上的某个位置可见

回答

相关问题