首页 新闻 会员 周边 捐助

如何固定住手机端的网页？？？

0
悬赏园豆：50 [待解决问题]

最近弄了一个手机端的个人中心，但是当页面拖动到底部或者是顶部的时候，会出现一个灰色区域，本来以为这是无法避免的，直到看到了锤子便签生成的网页在手机上看网页居然是固定住的，拖动到两端也不会再出现，这样的体验就会好很多，但又不知道这是怎么实现的，有没有高手能指点下，谢谢。

这个是锤子的，可以用手机打开看看效果：http://s.t.tt/LQe9Ve

elilee的主页 elilee | 初学一级 | 园豆：6
提问于：2015-12-31 23:08
< >
分享
所有回答(1)
1

小年快乐！这个我脚的是不是定位了头部和尾部栏。最近我在学习jQuery mobile。见过将头部和尾部固定的。demo：

<body>

<div data-role="page">
  <div data-role="header" data-position="fixed">
    <h1>Fixed 页眉</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p><b>提示：</b>如果要看到效果，则需要调整窗口大小使滚动条可用。</p>

    <p><b>提示：</b> 如果滚动条可用，那么敲击屏幕将隐藏或显示页眉/页脚。效果会根据您在页面上的位置而变化。</p>
    
    <p>可滚动的文本.可滚动的文本.</p>

  </div>

  <div data-role="footer" data-position="fixed">
    <h1>Fixed 页脚</h1>
  </div>
</div>

</body>
[0] | 园豆：1257 (小虾三级) | 2016-01-01 08:47
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。