zoukankan      html  css  js  c++  java
  • 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

       });

    });

    深圳半价门票、半价美食,关注【深圳生活宝】公众号,各种福利资源,优惠活动
  • 相关阅读:
    开涛spring3(6.5)
    开涛spring3(6.4)
    开涛spring3(6.3)
    开涛spring3(6.2)
    开涛spring3(6.1)
    开涛spring3(5.4)
    开涛spring3(5.3)
    开涛spring3(5.1&5.2)
    开涛spring3(4.4)
    开涛spring3(4.3)
  • 原文地址:https://www.cnblogs.com/yzhihao/p/6202392.html
Copyright © 2011-2022 走看看