iframe及其子页面左右滑动

因为iframe的特性，在父页面实现子页面滑动不现实，在iframe子页面中加入下面方法，并在加载js时执行，测试成功

function huadong() {

var startX, startY, endX, endY;
document.getElementById("wrapper").addEventListener("touchstart",
touchStart, false);
document.getElementById("wrapper").addEventListener("touchmove", touchMove,
false);
document.getElementById("wrapper").addEventListener("touchend", touchEnd,
false);
function touchStart(event) {
var touch = event.touches[0];
startY = touch.pageY;
startX = touch.pageX;
}
function touchMove(event) {
var touch = event.touches[0];
endX = touch.pageX;
}
function touchEnd(event) {
if ((startX - endX) > 100) {
parent.$("#oiframes").attr('src', 'hzlb.html');//页面跳转
} else if ((endX - startX) > 100) {
parent.$("#oiframes").attr('src', 'hlxq.html');//页面跳转
}
}

}