我创建了以下网站:
www.appliedintelligentmarketing.com
它适用于所有浏览器,但我最近在使用ipad的safari中查看它,当你点击不同的页面时它根本无法正常工作。我已尝试将以下元标记放入:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
似乎没有帮助。您需要在ipad上查看它以查看错误是什么,但基本上水平滚动无法正常工作。有人知道可能导致问题的原因吗?
由于
答案 0 :(得分:1)
这可能不是您所有问题的答案,但我在使用ipad-ready网站上的scrollTo之前遇到过问题,因为移动版Safari不像标准浏览器那样执行或接收滚动事件。您可能希望通过使用标准动画替换localscroll调用来测试动画:$('body').animate({scrollTop: posY, 2000});
答案 1 :(得分:0)
尝试删除width=device-width
参数。我发现这是不必要的并且引起了问题,因为报告的宽度根据方向而变化。