2 
<iframe id="iframe" scrolling="no" src="abc.aspx" class="cssTable" runat="server"
            style="width: 280px; height: 522px;"></iframe>

//在 iframe 中加载 Div。abc.aspx 内容

<div id="divScroll" style="overflow-x: hidden; width: 50%;height:150px;" class="cssDiv">
  <table>
    <tr><td>item 1</td></tr>
    <tr><td>item 2</td></tr>
    <tr><td>item 3</td></tr>
    <tr><td>item 4</td></tr>
    <tr><td>item 5</td></tr>
    <tr><td>item 6</td></tr>
    <tr><td>item 7</td></tr>
    <tr><td>item 8</td></tr>
    <tr><td>item 9</td></tr>
    <tr><td>item 1</td></tr>
    <tr><td>item 2</td></tr>
    <tr><td>item 3</td></tr>
    <tr><td>item 4</td></tr>
    <tr id="selectedTR"><td>item 5</td></tr>
    <tr><td>item 6</td></tr>
    <tr><td>item 7</td></tr>
    <tr><td>item 8</td></tr>
    <tr><td>item 9</td></tr>
  </table>
</div>

//jquery
    var $divScroll = $('#divScroll');
    var $matchedRow= $('#selectedTR');
    $divScroll.scrollTop($matchedRow.offset().top - $matchedRow.parent().offset().top - $matchedRow.parent().scrollTop());

    alert($divScroll.scrollTop())//Always getting 0

在演示链接中，Div 不在 iframe 内，所以顶部设置很好，但是当 iframe 内的 div 总是得到 0

4

0 回答 0