当表格在 IE 中获得焦点时，表格滚动条会向上跳跃

问题: 我有一个table有包装的div with overflow-y : auto， 一旦table获得焦点，滚动条向上跳。我怎样才能防止这种情况发生？

我经历过这种行为IE9，不在 Chrome 中。

请注意：我已添加tabindex到桌子上，以便它可以接收焦点。点击表格后，我会务实地将注意力集中在表格上。

js小提琴： http://jsfiddle.net/msdevs/r6TzS/4/ http://jsfiddle.net/msdevs/r6TzS/4/

1. 向下滚动表格
2. 单击页面上的其他元素，使表格失去焦点
3. 单击表格以聚焦于它
4. 滚动条向上跳动

HTML:

    <div>
        <table id="tabl" tabindex="1">
            <thead>
                <tr>
                    <th style="font-weight: bold">head</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>first</td>
                </tr>
                <tr>
                    <td>SEC</td>
                </tr>
                <tr>
                    <td>dsadfawdfadfa</td>
                </tr>
                <tr>
                    <td>dsadfawdfadfa</td>
                </tr>
.
.
.
                 <tr>
                    <td>dsadfawdfadfa</td>
                </tr>
            </tbody>
        </table>
    </div>

CSS:

table {
    table-layout: fixed;
    font-family: arial;
    font-size: 11px;
    text-align: left;
    outline: none;
    width: 625px;
}
div {
    overflow-y: auto;
    overflow-x: hidden;
    height: 150px;
    width: 300px
}

JS:

$('table').focusin(function (e) {
    console.log("table got focus - scroller jumps up");
}).click(function () {
    $('table').focus();
});

这为我解决了这个问题 - 记录包装器上当前的滚动位置，并在模糊时重新设置它。

http://jsfiddle.net/r6TzS/10/ http://jsfiddle.net/r6TzS/10/

$('#wrapper').scroll(function(){
    $(this).data( {posY: $(this).scrollTop()} )
})
.blur(function(){
    $(this).scrollTop( $(this).data("posY") );
})