質問: GitHubで紹介されているGrid.js(https://github.com/mmurph211/Grid) を使用し、Gridviewでヘッダー行・列固定の表を作成しています。 再現方法: 表の一番下までスクロールし、 1.現在のスクロール値を INPUT type="hidden" へgetボタンクリックで保存 2.スクロールバーを適当に動かす(一番上まで上げる) 3.ボタン1をクリック 4.またスクロールバーを上に動かし、ボタン2をクリック コード: ``` ``` ``` <略> <略> ``` 現象: ボタン1をクリックでは保存しておいたスクロール値が正しく設定され一番下までスクロールバーが下がりますが、 ボタン2では一番下まで動かず、少し上に上がっています。 やりたいこと: ボタン2をクリック後、スクロールバーを一番下まで下げたい やってみたこと: ブレークポイントを置いて進めたところ、設定後の document.getElementById('test').scrollTop の値が保存した値(正)と違っていました。 また、ボタン2を何度か押してみたところ、一旦は一番下まで下がりますが、ポストバック後に少し上に上がってしまっているように見えます。 javascriptはまだ不慣れなため不備あるかと思いますが 何かお気づきの点等あれば教えていただけませんでしょうか。 よろしくお願い致します。 開発環境は .NET Framework4.5/vb.net/VisualStudio2012 です。
回答: turbgraphics200様のコメントどおり、GridのonLoadイベントに記述することで思い通りの動作となりました。 ``` new Grid({ srcType : "json", srcData : "gridData", onLoad: function () { $('.g_Body').attr('id', 'test'); var QWE = document.getElementById('hidScroll').value; if (QWE != "") { document.getElementById('test').scrollTop = QWE; } } ```