предотвратить прокрутку мобильного сафари в направлении х

Я реализовал div в мобильном сафари, который имеет ту же ширину, что и ширина устройства и большая высота, чем высота устройства: я использовал этот метатег:

<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. Есть ли способ сделать это?