移动浏览器的粘滞标头

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上测试过。）

因此该功能只能理解拖动性能，但是当手指从屏幕上释放时，不会有任何帮助！