javascript - 移动浏览器的粘性标题

Question

我正在制作一个可在触摸屏上使用的粘性标题，使用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：

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

在屏幕上拖动时标题保持粘性，问题是当手指从屏幕上释放并滑动滚动页面时标题消失，然后在滚动停止后标题再次出现。（这只在 iphone 4s/5 上测试过）。

因此，该功能仅了解拖动性能，而不了解手指从屏幕释放时的性能，不胜感激！