Question

我有一个父流div，因此流量过大，因此水平滚动，这包含一个网格，一些数据的分页控件位于它下面的另一个div中

问题是我想要修改分页div，即使滚动父div（仅x滚动）

<div style="overflow:scroll">
<table>data</table>
<div id="bottom">Paging</div>
</div>

Answer 1

最简单的方法就是从容器中取出底部div。这个div必须在容器内吗？

http://jsfiddle.net/ollie/rTjB3/

Answer 2

您有几种选择：

放置您的分页对象outside the scrollable element
使用position:fixed;。但请注意，具有固定位置的元素根据浏览器视口而不是父元素定位。这意味着，您必须知道元素的尺寸才能将寻呼机放置在正确的位置。

编辑： Fiddle for fixed position

Answer 3

可滚动div中的固定div

#container {
    position:absolute;
     top:150px;
    left:150px;
    width:500px;
    height:500px;
    overflow:hidden;
     border:3px dashed #ffff00;
     padding:0px;
    }

#this_scroll {
    position:absolute;
    top:0px;
    right:0px;
    width:99%;
    height:99%;
    overflow:scroll;
    border:2px solid #000;
    margin:1px;
    background:#B0BDCE;
    }

#close {
     position:absolute;
    top:2px;
     right:21px;
    width:90px;
    height:30px;
    overflow:none;
    border:2px solid #660099;
    z-index:10;
    background:#8C8C8C;
    }



<div id="container">

    <div id="this_scroll">
    <p> some </p> <p> some </p> <p> some </p>
    </div>

    <div id="close">
        close
    </div>

</div>

当水平滚动父Div时，让孩子DIv保持固定

3 个答案: