使用jquery插入iframe时如何防止页面跳转滚动

Question

当我插入iframe w / jquery时，它会将页面的滚动条向下跳转到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="#"属性，因为当您的网址中没有哈希标记时，浏览器会滚动为空哈希