当前位置： 文江博客话题详情

保持在状态栏顶部的 div

发布于 2024-07-26 21:54:11 字数 196 浏览 5 评论 0原文

下面网站上的 div 在底部有搜索，如果向下滚动，它始终保持在状态栏上方。

http://www.outlawdesignblog.com/

你能指出我吗一个办法

原文

the div on website below that have search at the bottom and it always remain sticked above status bar if u scroll down.

http://www.outlawdesignblog.com/

can u kindly point me to a solution

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（2）

来日方长 2024-08-02 21:54:12

下面是一个独立的示例，说明了他们如何做到这一点，并在 IE7 和 FF3 中进行了测试：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
    background:#B85503 none repeat scroll 0 0;
    border-top:1px solid #C3702C;
    bottom:0;
    padding:12px 0;
    position:fixed;
    width:100%;
    z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>

Here's a self-contained example of how they do that, tested in IE7 and FF3:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
    background:#B85503 none repeat scroll 0 0;
    border-top:1px solid #C3702C;
    bottom:0;
    padding:12px 0;
    position:fixed;
    width:100%;
    z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>
回复 原文
翻了热茶 2024-08-02 21:54:12

如果我没记错的话 IE 不支持position:fixed。 模拟位置：固定的最简单方法也是使用动态表达式，并让表达式计算和更新绝对 y 位置等。

但是，RichieHindle 的示例适用于其他浏览器。

If i remember right IE doesnt support position:fixed. The easiest way to emulate position:fixed is too use dynamic expressions and have the expression calculate and update the absolute y position etc.

RichieHindle's example will however work for the other browsers.

回复 原文
~没有更多了~

关于作者

帅冕

暂无简介

文章
评论
25 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

佚名

文章 0 评论 0

羁客

文章 0 评论 0

天天爱笑的徐老师

文章 0 评论 0

星

文章 0 评论 0

夏日落

文章 0 评论 0

隐诗

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文