移动:锚链接/侦听器仅在屏幕

时间:2018-02-05 21:10:05

标签: jquery ios mobile-safari shopify

我的网站工作正常,但移动视图中的一个页面正在运行。

上下文

页面和整个网站正在使用shopify液体,这是一种html标记类型语言。此问题仅在网站的一个页面上。所有其他页面都正常工作。

我在iPhone 6s上使用safari访问网站。我在macbook上通过safari打开了开发工具。只有在移动设备上才会发生这种情况。用户测试也是使用未连接到计算机的iPhone 8 plus完成的,但表现相似。

通过chrome dev工具对页面进行移动呈现不会产生任何错误。另外,在我使用移动镀铬的像素2上没有问题。

因此我假设它有一个safari / ios问题,而不是chrome / android问题。

行为

在整个页面中都有锚标记,但只有当它们位于页面顶部的25-33%时才会触发。如果锚文本位于页面的下方,则不会发生任何事情。还有一个页脚包含一堆锚标记,只有当它们可以到达页面的上半部分时才有效。

它有一个标题,包含2个锚标签和一个右侧汉堡菜单(应该在点击时打开)。无论页面的方向如何,都不做任何事情(假设标题保持在顶部)。

问题:我是否缺少某些移动ios行为?

我通过检查事件处理程序,确保所有库都正确加载,添加自定义事件监听器等等来完成了大量测试,但我还没有取得任何突破,这将导致我任何行动。

0 个答案:

没有答案