关于使用css3属性：transform固定菜单位置，在滑动页面时菜单闪现抖动的问题

myScroll = new IScroll('#h-s-wrapper', {
        scrollX: true,
        scrollY: true,
        probeType: 3,
        mouseWheel: true,
        bounce: false,        //锁定边界，不允许拖拽
        //click: true
        //preventDefault: false,
        preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ }
    });
    myScroll.on('scroll', updatePosition);
    myScroll.on('scrollEnd', loadNewData);

function updatePosition() {
    /// <summary>设置锁定表头、列</summary>
    var iTop = this.y;
    var iLeft = this.x;
    //上下滑动，当iTop为负值时，表明容器的顶边在Y轴上0位置上边
    if (iTop < 0) {
        //$('#h-s-content table thead tr').css('transform', 'translate(0px, ' + Math.abs(iTop) + 'px)');//使用translate，在上下滑动页面时，固定的菜单会出现抖动现象
        $('#h-s-content table thead tr').css('transform', 'translate3d(0px, ' + Math.abs(iTop) + 'px,0px)');

    } else {
        //此处设置为0，因为存在惯性滑动，向下滑动时会导致容器的坐标会越过Y轴的0坐标，变成正值，会造成设置thead表头的坐标向下偏移
        $('#h-s-content table thead tr').css('transform', 'translate3d(0px, 0px, 0px)');
    }
    //左右滑动；当iLeft为负值时，表明容器的左侧边在X轴上0位置的左侧
    if (iLeft < 0) {
        $('#h-s-content table tr th:first-child, td:first-child').css('transform', 'translate3d(' + Math.abs(iLeft) + 'px, 0px,0px)');
    } else {
        $('#h-s-content table tr th:first-child, td:first-child').css('transform', 'translate3d(0px, 0px, 0px)');
    }
}

解决办法：使用transform方式固定菜单、表头，在上下滚动页面时菜单会出现抖动现象，将translate改成translate3d，能解决该问题。