css - 固定对齐问题

Question

如何在所有屏幕分辨率下使固定的 div 与左侧的容器 div 保持一致？

#container{
    background-color:#000;
    filter:alpha(opacity=85);
    -moz-opacity: 0.85; 
    opacity: 0.85; 
    width:1000px;
    min-height:1275px;
    height:100%;
    margin:auto;
}

#fixed{
    position: fixed; 
    top:150px; 
}

Answer 1

对于固定的 css 属性，这有点不可能，但您可以做的是将容器 div 相对于固定 div 绝对位置定位，然后用 Jquery 模拟固定效果。 例子

容器{

background-color:#000;
filter:alpha(opacity=85); 
-moz-opacity: 0.85; 
opacity: 0.85; 
width:1000px;
min-height:1275px;
height:100%;
margin:auto;
position:relative;
}

固定{

width:100px;
position:absolute; 
top:150px;
left:-100px;

jQuery

$(文档).ready(函数() { var $scrollingDiv = $("#fixed"); $(窗口).滚动(函数(){ $滚动分区 。停止() .animate({"marginTop": ($(window).scrollTop() + 0) + "px"}, "slow"); }); });