相关疑难解决方法(0)

我希望我的网页只能垂直滚动.所以我已经设定overflow-x:hidden;了我的.page-wrapper.我.page-wrapper把两个绝对定位的层叠在一起.单击按钮时,顶层滑动到侧面(如上所述position:absolute;)并使网站实际上比100%视口更宽 - 因此它可以水平滚动.

为了防止水平滚动我设置overflow-x:hidden为我的.page-wrapper.

如果我这样做,我的正常内容的垂直滚动实际上是错误的,并且无法正常工作.

任何想法如何解决？

UPDATE

-webkit-overflow-scrolling: touch;似乎工作得很好,因为没有javascript正在改变任何高度.请参阅以下示例.我在这里做的是将主体的高度更新为第二层的内容高度 - 因此一旦上层向左滑动,就没有空的滚动空间.当向上滑动上层时,我style从主体上移除了attribte (设置高度).在这样做后,滚动再次波动.

function showInfos(show) {

    if ( show ) {
        $('#videos').addClass('slid');
        $('body').height($('#infos > .content').height());
        $('#page-wrap').addClass('no-overflow');
    } else if ( !show ) {
        $('#videos').removeClass('slid');
        $('#page-wrap').removeClass('no-overflow');
        $('body').removeAttr('style');
    }
}