Javascript 在手机上滚动对角线_Javascript_Html_Css_Mobile

Javascript 在手机上滚动对角线

javascript html css mobile

Javascript 在手机上滚动对角线,javascript,html,css,mobile,Javascript,Html,Css,Mobile,问题：我正在做一个项目，它要求一个div在移动设备上的宽度大于100%（想想平板电脑）。在一个典型的桌面上，有一个大的宽度将吹出身体，并显示滚动条。在移动设备上，它会将所有这些内容向下缩放以适合视口内部。因此，我将这个大div包装在一个包含div的集合“overflow:scroll”中。这就像预期的那样工作，因此我可以拖动元素。但是，这样做时，我只能在X和Y方向滚动，不能在对角线方向滚动目前，我没有使用任何视口元标记，但是我尝试了以下方法： <meta content='width=

问题：

我正在做一个项目，它要求一个div在移动设备上的宽度大于100%（想想平板电脑）。在一个典型的桌面上，有一个大的宽度将吹出身体，并显示滚动条。在移动设备上，它会将所有这些内容向下缩放以适合视口内部。因此，我将这个大div包装在一个包含div的集合“overflow:scroll”中。这就像预期的那样工作，因此我可以拖动元素。但是，这样做时，我只能在X和Y方向滚动，不能在对角线方向滚动

目前，我没有使用任何视口元标记，但是我尝试了以下方法：

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

TL；医生：

我有如下代码

<div style="overflow:scroll">
  <div style="width:400%"></div>
</div>

我只能在X轴或Y轴上滚动，不能在对角线上滚动

编辑：添加JS作为标签，因为我不反对JS解决方案，但我更喜欢重量轻的东西。