Javascript 有人知道如何获得像Digg.com那样的浏览器状态栏吗?
如果您查看digg.com,就会看到一个持久状态栏(即digg版本号等) 我已经使用了一些jQuery插件,但它们并不像Digg中的那样完全固定在底层。。我试过看CSS,但不太明白需要什么位 欢迎提出任何想法/建议 多亏了下面的回答/评论,我最终得出了以下结论(以防其他人想要一个基本的工作版本开始运行..): CSS是:Javascript 有人知道如何获得像Digg.com那样的浏览器状态栏吗?,javascript,browser,jquery-plugins,Javascript,Browser,Jquery Plugins,如果您查看digg.com,就会看到一个持久状态栏(即digg版本号等) 我已经使用了一些jQuery插件,但它们并不像Digg中的那样完全固定在底层。。我试过看CSS,但不太明白需要什么位 欢迎提出任何想法/建议 多亏了下面的回答/评论,我最终得出了以下结论(以防其他人想要一个基本的工作版本开始运行..): CSS是: .footer-bar { background: -webkit-gradient(linear,left top,left bottom,from
.footer-bar {
background: -webkit-gradient(linear,left top,left bottom,from(#F3F3F3),to(white));
background: -moz-linear-gradient(top,#F3F3F3,white);
background-color: white;
border-top: 1px solid #AAA;
bottom: 0;
color: #333;
font-size: .833333333333em;
font-family: Arial Narrow;
height: 12px;
padding: 5px 0;
position: fixed;
right: 0;
text-align: left;
width: 100%;
z-index: 5;
}
显然,您可以更改相关位,当然,在我的例子中,我只有以下HTML:
<span class="footer-bar">Some text in the footer/status bar that stays there even when you scroll</span>
页脚/状态栏中的某些文本即使在滚动时也会保留在那里
你就在这里——感谢所有其他人,当然还有最初创建它的人。。CSS在某些情况下对我来说仍然有点神秘 您需要元素上的
位置:固定。没有JavaScript
固定定位使元素与视口相关。您希望在元素上定位:固定。没有JavaScript
固定定位使元素与视口相关。+1。这也正是Digg为那个酒吧所做的。加载Chrome/Safari,右键单击该栏,检查元素。单击样式“position:fixed”将其禁用,然后观看该条消失,或将其自身锚定到页面底部。谢谢Justin。。我在chrome开发工具中四处寻找——我甚至没有意识到你可以取消勾选一种风格+亚历克斯。这也正是Digg为那个酒吧所做的。加载Chrome/Safari,右键单击该栏,检查元素。单击样式“position:fixed”将其禁用,然后观看该条消失,或将其自身锚定到页面底部。谢谢Justin。。我在chrome开发工具中四处寻找——我甚至没有意识到你可以取消勾选一种风格!