iOS Safari。滚动div。寻找类似UIScrollView的directionLockEnabled的行为

时间:2018-07-25 18:51:12

标签: html ios css mobile-safari

我正在一个类似于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:)

任何想法都深表感谢。只是希望我不必自己处理所有触摸事件。...

0 个答案:

没有答案