jquery mobile panel 独立于content滚动问题

我用panel做一个右侧菜单，panel加了如下css：

.ui-panel-inner {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: scroll;
   -webkit-overflow-scrolling: touch;
}

并且添加了阻止冒泡事件的js：

$(".ui-panel").on("touchstart,touchmove,touchend",function(e){
   e.stopPropagation();
   e.preventDefault();
});

这样可以实现panel与content都有滚动条时分别独立滚动，但是，时常会出现滚动panel的时候会连带着content也一起滚动