手机百度APP,H5网页position:fixed属性失效

1,508 阅读1分钟

问题描述

  • 手机百度APP,投放的H5网页position:fixed属性失效。
  • h5底部有个吸底的div(类似于底部下载app),里面有background-img。百度app一进页面就被关闭了。原因是,百度认为我们是在推送广告,被他们检测到了。

解决办法

  • 下午同事反馈给信息,说是宣传部门自己做的h5宣传页有问题。kuangkuang扔给我一个zip包,打开一看,index.html,js,images。赶紧放在nginx下用手机访问试了试,看了看别人的代码。会不会是需要主动触发,会不会是需要基于top定位等等,胡乱试了半天,都不好使。

  • 结果,是因为,底部的div高度小于150px的时候,百度就会认为是弹窗广告,进而关闭。

  • fixeddiv高度大于150px就可以了,改了下别人代码,告诉他为啥,让她自己去弄吧。

.footer {
    display: none;
    position: fixed;
    bottom: -8px;
    left: 0px;
    right: 0px;
    width: 375px;
    height: 150px;
    background: url("./images/xd-img.png") no-repeat;
    background-size: 375px 136px;
    background-position: bottom;
}

对,大于等于150px就好使了!!!!

到最后,发现他们的移动端是基于px的,不用适配机型的