首页 新闻 搜索 专区 学院

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

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
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册