Bootstrap模态框多层嵌套滚动时底层页面同时滚动的解决办法

在使用Bootstrap模态框插件，并在模态框上嵌套，比如轮播图内容等时，PC端不会出现异常，但是在手机端会出现一种状况，就是当用户在模态框上进行手势操作时，遮盖层下的页面（或者说整个页面），会跟着手势的上下移动而滚动，这种情况下的解决办法则是在JS中重新绑定模态框的手指触摸事件，并将关联事件的默认动作阻止就可以解决这个问题，以下是JS代码部分。

$(function(){
    /*根据ID绑定所需模态框的事件*/
    $('#myModal').on('touchmove.bs.modal',function(e){
		e.preventDefault();/*取消模态框关联事件的默认动作*/
	})
})