Question

我正在使用Apache运行服务器，我有一个问题：您知道在某些网站上滚动时会有什么东西留在原地吗？

这方面的一个例子是在Facebook上显示“新事件”，当你滚动时它会向下滚动。我想知道如何做到这一点。我在服务器计算机上安装了WAMP，所以如果它需要PHP，我可以这样做。我不太确定该用什么作为搜索术语。

编辑：这是什么叫，所以我可以在Google上搜索它？

Answer 1

你应该根据你的想法来缩短搜索范围。

这个我会谷歌作为“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>

Answer 2

只需将position: fixed;添加到CSS即可。这告诉它相对于浏览器窗口而不是相对于页面的位置。

Answer 3

给你的元素一个类，例如

<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来获得类似功能。

Answer 4

在玩了很长时间之后，我终于找到了一些对我有用的代码。我在网站的开头添加了一些换行符，然后将这个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*/
}

感谢所有帮助过我的人！

我是HTML初学者，我需要帮助编写静态文本

4 个答案: