我正在一个类似于App的网站上,其中Body标记固定位置,没有滚动,包含静态UI。
还有一个div,其中包含可以在外部UI保持静态的同时水平和垂直滚动(非常类似于电子表格)的数据。像这样:
<body style='width:100%; height:100%; overflow:hidden; position:fixed'>
<div style='overflow:auto; width:50%; height:50%'>
Lots of data
</div>
</body>
这一切在PC和Android上都可以正常运行,并且在iOS上大多数情况下都可以,除非我开始垂直滚动,否则任何水平的手指移动也会导致水平滚动(反之亦然)
我想要的行为是:当您开始在一个轴上滚动时,另一轴被锁定。不确定我是否很好地解释了这一点,但是我正在寻找与UIScrollView的directionalLockEnabled = YES(https://developer.apple.com/documentation/uikit/uiscrollview/1619390-directionallockenabled?language=objc)等价的
我发现-webkit-overflow-scrolling: touch;
可以解决其他问题,但是我还没有找到-webkit-do-what-dave-wants
:)
任何想法都深表感谢。只是希望我不必自己处理所有触摸事件。...