javascript scrollTopは動作しないようです。

Question

私はdiv内にテーブルを置いて、テーブルで覆われたスペースを制限して代わりにスクロールするテクニックを使用します。 テーブル内にはチェックボックスがあります。これらのチェックボックスは、テーブルのレンダリング方法に影響します。 1つをクリックすると、div内でテーブルが再描画されます。これは、常に、スクロールバーを迷惑なトップに戻すようにします。 私はJavaScriptを使用してテーブルをレンダリングした後、再描画の前の位置にscrollTopの値を設定する関数を非同期に呼び出すsetTimeout呼び出しを行います。 は、ここで問題のコードのsnipitです：

注：（GE（）== geMaybe（）==のdocument.getElementById（））

o.renderAndScroll = function() { 
    var eTestSection = geMaybe(o.id + '-testSection'); 
    var scrollTop = 0; 
    if (eTestSection) { 
     scrollTop = eTestSection.scrollTop; 
    } 

    o.render(); 

    if (eTestSection) { 
     setTimeout(
      function() { 
       console.log('Scrolling from ' + ge(o.id).scrollTop + ' to ' + scrollTop); 
       ge(o.id).scrollTop = scrollTop; 
       console.log('Scrolled to ' + ge(o.id).scrollTop); 
      }, 
      1000); 
    }    
} 

マイコンソールログの出力は、これは私がチェックボックスを変更するたびにあります状態：

Scrolling from 0 to 1357 
Scrolled to 0 

他にもこの方法を使用できますか？スクロールコードが呼び出された時点でレンダリングがDOMに移動されたことを確認するために、タイムアウトを1秒間だけ行いました。私は主にクロムを使用していますが、最終的にクロスブラウザを使用する必要があります。私はjQueryを使用しません。デバッガでonscrollイベントをキャッチしたり、onscrollハンドラからログを取ろうとしても、スクロールバーをマウスで動かすとクロムデバッガがクラッシュします。

Answer 1

正しいコードは次のとおりです。

o.renderAndScroll = function(fForce) { 
     var scrollTop = 0; 
     var eTestSection = geMaybe(o.id + '-testSection'); 
     if (eTestSection) { 
      scrollTop = eTestSection.scrollTop; 
     } 
     o.render(fForce); 
     setTimeout(
      function() { 
       // re-lookup element after being rendered 
       var eNewTestSection = ge(o.id + '-testSection'); 
       eNewTestSection.scrollTop = scrollTop; 
      }, 
      1); 
    };