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="#"属性，因为它是一个空哈希，当您的网址中没有哈希标签时浏览器会滚动