防止移动Safari在x方向上滚动

Question

我在移动浏览器中实现了一个div，该div的宽度与设备的宽度相同，并且高度大于设备的高度：我使用了以下meta标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />

但是，我仍然可以滚动屏幕。 这意味着，如果向左滚动，右侧将出现一些空白。 我尝试了以下方法：

$(document).on(isMobile ? 'touchmove' : 'mousemove', function(e) {
        e.preventDefault();
    });

这确实防止了滚动。 但是，我只想防止在X方向上滚动。 有没有办法做到这一点？

Answer 1

有点长的评论。 如果您的视口设置正确，那么它实际上应该与屏幕一样宽，并且不允许滚动。 一种可能性是您所拥有的某些元素超出了视口的大小。 但是，视口上的设备宽度也可能是错误的。 例如，对于iPhone / iPod，纵向屏幕的宽度仅为320像素，而不是640像素的实际像素数。 如果设备宽度以某种方式变为640像素而不是320像素，则您的视口将大一倍。 尝试使用不同的视口宽度进行实验。