你好
我有一个用 Bootstrap4 制作的网站。工作正常,直到我检测到特定于Google Android Chrome 浏览器的错误- 以及他的默认LITE 模式。
如果我正确 Lite Mode = Lazy loading,则在需要时加载元素(我想通过滚动距离检测)。
但我有一个问题。这是一个单页 - 一个顶部有菜单的长网站。而且我无法从顶部“滚动到 ID”。好吧,我可以,但我总是得到一个不完美的滚动结果。如果我再次调用滚动功能 - 它现在会“准确地在应该的地方”。
所以我想:由于延迟加载开启,一些元素没有被渲染,所以 JQuery 的“滚动偏移”被破坏了......我滚动的“精确”越低,“滚动到 ID”功能就变成了。
但是对于根本不滚动但想要单击菜单并向下滚动的用户 - 如果他们在 android chrome 上打开了精简模式,他们就会遇到问题。
请问有什么办法告诉浏览器“不要在这里做延迟加载”吗?
编辑: 该项目在线,如果您想重新创建它,请按照以下步骤操作:( 需要带有 Chrome 的 Android 设备)
- 开启 LITE 版本。
- 打开新标签页(这很重要)
- 访问:https ://objednavka.pollitocheesecake.sk/
- 慢慢滚动到您将看到的第一个产品,然后按绿色 +
- 现在有一个新按钮“POKRACOVAT POPS UP”
- 单击它,您将被发送并在“部分之间”的“屏幕”上结束
如果您在 LITE MODE OFF 的情况下执行相同操作 - 您将在下一部分结束时没有任何问题。
注意:带有 NEW TAB 的部分很重要,在简单的重新加载时,精简版已经呈现页面并且导航即使在精简模式下也能正常工作。仅限第一次访问。
谢谢奥利弗