javascript - jqueryでiframeを挿入するときにページジャンプスクロールを防ぐにはどうすればよいですか

Question

jqueryでiframeを挿入すると、ページのスクロールがiframeのある場所にジャンプします。これを防ぐにはどうすればよいですか？なぜそれが起こるのですか？

var code = '<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>';
$('#target').html(code);

これも問題を示しています: http://jsfiddle.net/andys627/VPJvM/

Answer 1

最後のスクロール位置を保存し、iframe を追加してから、保存した位置にスクロールして戻ることができます。方法は次のとおりです

var lasttop = $(window).scrollTop();
var code = '<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>';
$('#target').html(code);
$(window).scrollTop(lasttop );

Answer 2

src="#"URLにハッシュタグがない場合、ブラウザがスクロールする空のハッシュであるため、属性を削除します