我的网站工作正常,但移动视图中的一个页面正在运行。
上下文:
页面和整个网站正在使用shopify液体,这是一种html标记类型语言。此问题仅在网站的一个页面上。所有其他页面都正常工作。
我在iPhone 6s上使用safari访问网站。我在macbook上通过safari打开了开发工具。只有在移动设备上才会发生这种情况。用户测试也是使用未连接到计算机的iPhone 8 plus完成的,但表现相似。
通过chrome dev工具对页面进行移动呈现不会产生任何错误。另外,在我使用移动镀铬的像素2上没有问题。
因此我假设它有一个safari / ios问题,而不是chrome / android问题。
行为:
在整个页面中都有锚标记,但只有当它们位于页面顶部的25-33%时才会触发。如果锚文本位于页面的下方,则不会发生任何事情。还有一个页脚包含一堆锚标记,只有当它们可以到达页面的上半部分时才有效。
它有一个标题,包含2个锚标签和一个右侧汉堡菜单(应该在点击时打开)。无论页面的方向如何,都不做任何事情(假设标题保持在顶部)。
问题:我是否缺少某些移动ios行为?
我通过检查事件处理程序,确保所有库都正确加载,添加自定义事件监听器等等来完成了大量测试,但我还没有取得任何突破,这将导致我任何行动。