Javascript 移动浏览器的粘性标题

我正在制作一个在触摸屏上工作的粘性标题，使用hammer.js进行触摸手势：

    scrollEvent: function () {
        Hammer('.desktop', {
            drag_block_horizontal: true,
            drag_lock_to_axis: true,
            release: false
        }).on("drag", function (event) {
            $('#steg1').css({ position: "fixed" });
        });            
    },

HTML:

steg1


Steg2

在屏幕上拖动时，页眉保持粘性，问题是当手指从屏幕上松开并滑动滚动页面时，页眉会消失，然后在滚动停止后，页眉会再次消失。（这仅在iphone 4s/5上测试）

---

因此，该功能只了解拖动性能，而不了解手指从屏幕上释放时的性能，任何帮助都将不胜感激

为什么在拖动时设置位置：固定？或者你在哪里改变它？您可以将其写入css文件（或）作为

#steg1{position:fixed！important；}

@bob ty进行回复，问题仍然是，当finger从屏幕上释放时，标题会消失

<div class="desktop" id="desk1">
   <ul>
      <li>
          <strong id="steg1">Steg1</strong>                                                               
      </li>
      <li>
          <strong>Steg2</strong>
      </li>
    </ul>                                     
  </div>