简体繁体 English

Chrome视口外的div怪异块

[英]Weird block of div just outside viewport in Chrome

原文 2013-08-06 03:16:29 7 1 javascript/ jquery/ html/ css

First off, please excuse my English as it is not my first language. 首先，请原谅我的英语不是我的母语。

I have encountered a very weird issue in an online store I am working on. 我正在工作的在线商店遇到一个非常奇怪的问题。 It only happens in Chrome and I simply couldn't figure out what's going on and it's driving me crazy :( 它只发生在Chrome中，我根本不知道发生了什么，这让我发疯了:(

This is the website I am talking about: heavenlynature.co.nz 这是我正在谈论的网站：heavenlynature.co.nz

To replicate the issue (please bear with me), you need to add a couple of individual items to the shopping cart (at least 2 different items, then click the shopping cart icon (heavenlynature.co.nz/cart), shrink the browser viewport just below the first line of item, like the image below: 要复制该问题（请耐心等待），您需要向购物车中添加几个单独的商品（至少2个不同的商品，然后单击购物车图标（heavenlynature.co.nz/cart），缩小浏览器视口正好位于项目第一行的下方，如下图所示：

http://francisthedesigner.co.nz/images/test/2.png http://francisthedesigner.co.nz/images/test/2.png

Then drag the scroll bar downwards, you will find a block of div blocking over the top of the text/image (please try refreshing until the issue appears as sometimes it appears to be loading correctly), like the image below: 然后向下拖动滚动条，您会在文本/图像的顶部找到一个div块（请尝试刷新，直到问题有时看起来好像正确加载为止），如下图所示：

http://francisthedesigner.co.nz/images/test/3.png http://francisthedesigner.co.nz/images/test/3.png

But as soon as you highlight the page or hover over the div it just disappears. 但是，只要突出显示页面或将鼠标悬停在div上，它就会消失。 Now this only happens in Chrome and Firefox doesn't seem to replicate this issue. 现在，这仅在Chrome中发生，而Firefox似乎无法复制此问题。

It seems to happen only in the checkout screens, really losing it trying to make this work, any help will be greatly appreciated :) 它似乎仅在结帐屏幕中发生，尝试进行此工作时确实丢失了它，任何帮助将不胜感激:)

1 个解决方案

Unfortunately even after following your instructions i couldn't replicate your issue. 不幸的是，即使按照您的指示进行操作，我也无法复制您的问题。 Can you please try to go on your Chrome under Tools/Extensions and disable them all? 您能尝试在Chrome的“工具/扩展程序”下禁用所有功能吗？ Can you also try to replicate this issue from an other computer? 您还可以尝试从另一台计算机复制此问题吗？