Question

我想创建一个静态<div>，如果用户使用滚动，<div>必须仍然是。

上下文：我在一个项目中工作，我需要三个静态组件，我设法制作了两个组件但是当我使用JSF，Primefaces和Bootsfaces（bootstrap和JQuery）时，第三个组件必须是不同的。 thrid组件必须是典型的<div>。

我的代码： 1. html：

<div id = "divProyecto">
    ....
 </div>

2。的CSS：

#divProyecto{
    background-color: blue;
    height: 50px;
    margin-top: 10px;
    width: 100%;
    display: block;
    border: solid #222222 1px;
}

3。 js（我发现了这段代码，但不起作用）：

$(document).ready(function () {
    $('#divProyecto').scrollToFixed();
});

此图片全部恢复：http://s2.subirimagenes.com/imagen/9622798algo.gif 图像显示为黑色框不移动，但蓝色框随滚动移动。

谢谢！

Answer 1

您应该使用position: fixed;

并指定

top: 100px;
left: 100px;

http://jsfiddle.net/tovic/fwkWG/

Answer 2

职位：固定;

它无法在IE 6中工作，因为IE 6不支持位置：fixed.Google chrome，Firefox和IE版本＆gt; 6应该没问题。

Answer 3

使用position: fixed，然后根据需要在屏幕上定位。

    #divProyecto{
        background-color: blue;
        height: 50px;
        margin-top: 10px;
        width: 100%;
        display: block;
        border: solid #222222 1px;
        position: fixed;
        left: 0;
        top: 0;
    }

以上将div放在窗口的左上角。

Answer 4

position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px; /* your choice */
margin: 0;

如何创建静态<div>？

4 个答案: