阻止移動Safari滾動上x方向

Question

我實現在具有相同寬度的裝置寬度和較大的高度比所述設備的高度移動Safari股利： 我已經使用這個元標記：

<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，縱向方向上的屏幕寬度僅爲320px，而不是640px的實際像素數。如果設備寬度以某種方式獲得640px而不是320px，那麼您的視口會大一倍。 嘗試使用不同的視口寬度進行實驗。