iframe中positioin:fixed失效問題


頁面中嵌套的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

   });

});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM