忘记密码?

一键登录

草根吧源码论坛

CSS 手机浏览器不支持position: fix

查看: 313|回复: 0

[HTML+CSS+JS特效] CSS 手机浏览器不支持position: fix

[复制链接]

5761

主题

706

热度

2550

贡献

管理员

Rank: 9Rank: 9Rank: 9

DZ专员

发表于 2014-12-15 16:14:40 | 显示全部楼层 |阅读模式 | 百度  360  谷歌 
分享到:
最后给朋友做一手机网站,网站底部需要放一浮动,网页向下滚动时,此浮动也跟着向下滚动,一直距于窗口底部,一般大家都是使用position: fixed实现这个功能,而作者也是这样实现的,但是在手机浏览器中却不支持position: fixed,本文就说下我的解决方法,大家看下明白就行了。


  1. .wap_bottom {
  2. height: 60px;
  3. width: 100%;
  4. position: fixed;
  5. z-index: 2;
  6. bottom: 0;
  7. left: 0;
  8. opacity: 0.7;
  9. }
复制代码


html代码
  1. <div class="wap_bottom"> <a href="http://www.pc811.com" target="_blank"></a> </div>
复制代码


注意事项

一般来说大家写上个浮动都是使用css中的position: fixed; 进行控制,但是这种方法只适用于电脑端的,而在手机端却不行,效果就是使用手机浏览器打开网页时显示是底部,但是当我们向下滚动时,而这个浮动的却不跟着一起,这时大家需要在head间添加以下代码即可解决手机浏览器不支持position: fixed的bug了。

  1. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
复制代码


帖子地址: 

本文来源于草根吧源码论坛 www.caogen8.co,欢迎大家下载。
如果您没有贡献需要充值,可以直接在线充值,点击充值
如果你需要加入本站赞助VIP会员,可以直接在线开通,点击开通
如果找不到您要的资源,请搜索一下,点击搜索
回复

举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆 用百度帐号登录 一键登录:

本版积分规则

收藏帖子 返回列表 搜索
快速回复 返回顶部 返回列表