2

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

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

编辑：这叫什么，所以我可以用谷歌搜索它？

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。有些人还使用 Firebug 和 firefox 来实现类似的功能。

于 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 回答