首先，请原谅我的英语，因为它不是我的母语。
我在我工作的在线商店中遇到了一个非常奇怪的问题。它只发生在 Chrome 中，我根本不知道发生了什么，这让我发疯:(
这是我正在谈论的网站: heavenlynature.co.nz
要重现该问题(请耐心等待)，您需要将几个单独的商品添加到购物车(至少 2 个不同的商品，然后单击购物车图标 (heavenlynature.co.nz/cart)，将浏览器视口(viewport)缩小到元素第一行下方，如下图所示:
http://francisthedesigner.co.nz/images/test/2.png
然后向下拖动滚动条，你会发现有一 block div挡住了文字/图片的上方(请尝试刷新直到问题出现，有时它似乎加载正确)，如下图:
http://francisthedesigner.co.nz/images/test/3.png
但是只要您突出显示页面或将鼠标悬停在 div 上，它就会消失。现在这只发生在 Chrome 中，而 Firefox 似乎没有复制这个问题。
它似乎只发生在结账屏幕上，真的失去了它试图使这项工作，任何帮助将不胜感激 :)
最佳答案
不幸的是，即使按照您的说明进行操作，我也无法重现您的问题。您能否尝试在“工具/扩展”下继续您的 Chrome 并禁用它们？ 您是否也可以尝试从另一台计算机复制此问题？
关于javascript - Chrome 视口(viewport)外的奇怪 div block ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18071278/