固定定位的工具栏会在滚屏后重新出现 Fixed toolbars will re-appear after you scroll

优质
小牛编辑
137浏览
2023-12-01

这个页面是一个使用Jquery Mobile设定了固定定位的头部栏和尾部栏的实例。页面的文档流是正常的,让我们能够正常的布局文档,而不用通过脚本写。头部栏和尾部栏在文档流中的正常位置,但是当他们被滚动出屏幕后,你可以通过点击屏幕,使他们重新出现。再次点击或者滚动屏幕会使他们重新出现在文档流中(在顶部或底部)

要给头部栏或底部栏设置这样的行为,需要给工具栏的容器增加data-position="fixed"属性

<div data-role="header" data-position="fixed">
  <h1>Fixed toolbars</h1>
</div>