页面中嵌套的iframe 内的 position:fixed元素定位失效
fixed正常页面 此时position:fixed是根据浏览器窗口定位的,下拉一直位于左上角;
以iframe形式嵌入后 此时position:fixed是根据iframe窗口定位的,下拉fixed元素消失;
这种问题应该用什么思路解决呢
当时做的是在iframe页面中点击分享图片,弹窗二维码的功能,要让二维码图片相对于外部window窗口固定定位。
$(".share a").click(function(){//点击分享链接后,让外部window窗口滚动1px,触发scroll事件;
var currTop=$(parent.window).scrollTop();
$(parent.window).scrollTop(currTop+1);
});
$(parent.window).scroll(function(){//外部窗口滚动时,把需要固定的元素的top值跟随改变;
$('#jiathis_weixin_modal').css({
top : $(parent.window).scrollTop()+300
});
});