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

//Div iframe 内の読み込み。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