Css浮动内部div与溢出

时间:2014-07-15 08:19:01

标签: javascript html css

我有这个html:http://jsfiddle.net/mW2Jh/3/

<div style="width:200px;overflow-x:auto">
    <table style="background-color:yellow" width="400px" height="200px">
        <tr>
            <td>first column</td>
            <td>second column</td>
            <td style="width:20px;">BTN</td>
        </tr>

我希望BTN列“附加”到容器div的右侧。如果我水平滚动我想要按钮总是在右边。如果我垂直滚动我想要按钮滚动表格行。 该解决方案可适用于所有浏览器。

旧代码使用css表达式(仅在IE&lt; = 8中工作)

谢谢,对不起我的英文

1 个答案:

答案 0 :(得分:1)

使用JQuery,使用文档的scrollLeft()属性!这可以工作

$(window).scroll(function(event) {
   $(id).css("margin-left", 400-$(document).scrollLeft());
});

另见

http://jsfiddle.net/zhQkq/9/