当我点击该页面底部的文本字段时，页面的页眉向上滚动页面

Question

当关注该页面的底部组件时，我希望Header保持固定状态。 只有页面应滚动，标题应显示在屏幕上。

这是我正在努力创作的HTML

<div id="one" style="position: absolute !important" data-role="header" data-id="poc-header" data-position="fixed" data-tap-toggle="false">
  <h1 class="translate" id="txt1">DEMO</h1>
</div>

Answer 1

这应该可以实现您的目标

<div id="one" style="position: fixed; top: 0px" data-role="header" data-id="poc-header" data-position="fixed" data-tap-toggle="false">
  <h1 class="translate" id="txt1">DEMO</h1>
</div>

I have made a fiddle too, here is the link

Answer 2

这会将标题修复到顶部：

<div id="one" style="position: fixed !important" data-role="header" id="poc_header"  data-tap-toggle="false">
  <h1 class="translate" id="txt1">DEMO</h1>
</div>