作者banana2014 (香蕉共和国)
看板Web_Design
标题[问题] 在手机版Chrome将页面移到最上面之後…
时间Sun Jan 22 16:00:39 2017
┌─────┐
│部分程式码│
└─────┘
.div{
width: 100%;
height: 50px;
background: red;
position: absolute;
bottom: 0;
left: 0;
}
<div class="div"></div>
┌────┐
│GIF 动画│
└────┘
http://i.redwh.al/M.gif
┌──┐
│问题│
└──┘
如上，
红色的bar(class为div的区块)，
我希望它的底部绝对位置一直在100%画面高度的地方
(也就是position等於absolute，bottom等於0的位置)
假设页面可以往下卷动(可以往下滑)
用电脑版没事，但是用手机版Google Chrome就有事
不晓得是哪个天才发明手机版Google Chrome，
页面往下滑上面的网址列也会跟着往上滑然後不见，
害我再将页面往上滑到最顶端时，下面那个红色的bar就会冲过头(超出画面底端)
一直要等到我放开手指头它才会回到正确的位置
请问各位我要怎麽解决「冲过头」的问题?
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.169.175.139
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1485072042.A.0D1.html
1F：推 jmlntw: 用 position: fixed 01/22 16:06
嗯…
我也是这麽想的
不过我要怎麽知道卷轴卷到哪里的时候才能把position从absolute改为fixed呢?
因为我根本不知道Google Chrome的网址列高度多少
也不可能完完全全地改成fixed，因为这样它就不是我想要的固定在「绝对位置」了
谢谢
※ 编辑: banana2014 (118.169.175.139), 01/22/2017 16:19:53
2F：→ jmlntw: position: fixed; bottom: 0; 不就固定了吗 01/22 16:25
3F：推 trust2065: 同楼上方式即可；另外absolute和fixed差别你需要看一下 01/31 23:52