水平滚动在iOS中不工作的网页上 [英] Horizontal Scroll on a webpage not working in iOS

问题描述

请在桌面浏览器上查看以下网站。
http://www.onebyinfinity.co.nz/m/ - 您会看到一个水平滚动条

Please check the following website on a desktop browser. http://www.onebyinfinity.co.nz/m/ - You'll see a horizontal scroll bar

但是当在iPad或iPhone上打开时，水平滚动不起作用。该网站的水平滚动在Android浏览器上运行良好，但在iOS设备上，当用户左右滑动时，Safari拒绝水平滚动。

But when opened on an iPad or iPhone, the horizontal scroll does not work. The website's horizontal scroll works fine on Android browser, however on the iOS devices, Safari refuses to scroll horizontally when the user swipes left and right.

有什么我需要的在iOS Safari上启用水平滚动吗？请注意，我不希望发生滑动事件（我已经在网站的主页上做了这件事，我对表演不满意）。

Is there anything I need to do to enable horizontal scroll on iOS safari? Please note I do not wan't a swipe event (I have already done that on the home page of the website, I'm not happy with the performance). I just want the scrollbar to work as expected.

感谢，
Arun。

Thanks, Arun.

推荐答案

要触发滑动事件，您需要使用 jQuery mobile 库。或者使用像 Tiny Scrollbar 这样的插件，这对您的网站来说可能是更合适的解决方案，因为它已经具备了移动支持内置。

For the swipe events to trigger you need the jQuery mobile library. Or use a plugin like Tiny Scrollbar, which is probably a more suitable solution for your website, since it allready has the mobile support build in.

这篇关于水平滚动在iOS中不工作的网页上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！