Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有人知道如何获得像Digg.com那样的浏览器状态栏吗?_Javascript_Browser_Jquery Plugins - Fatal编程技术网

Javascript 有人知道如何获得像Digg.com那样的浏览器状态栏吗?

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

如果您查看digg.com,就会看到一个持久状态栏(即digg版本号等)

我已经使用了一些jQuery插件,但它们并不像Digg中的那样完全固定在底层。。我试过看CSS,但不太明白需要什么位

欢迎提出任何想法/建议

多亏了下面的回答/评论,我最终得出了以下结论(以防其他人想要一个基本的工作版本开始运行..):

CSS是:

.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开发工具中四处寻找——我甚至没有意识到你可以取消勾选一种风格!