0

编辑：客户希望通过禁用 IE 中的单击和拖动功能进行一些测试，因此目前您将无法复制该错误。我了解这是否会影响社区协助解决最终潜在问题的能力。

所以这就是问题所在。当屏幕高度或更具体地浏览器高度小于网站主容器的高度时，它会在 IE9 和 IE8 中发生。该网站水平滚动，因此其总高度约为 700 或 800 像素。

要重现此错误，您必须在 IE9 中打开此 URL：http : //dev.gregoryfca.com/ 并将浏览器的高度设置为大约 500 或 600 像素。所以这将强制页面开始从上到下垂直滚动。

一直保持到顶部，这样您仍然可以看到 G 标志和菜单以及社交图标。然后点击白色区域，不要松开。您可以单击“我们的人员”部分旁边的白色区域。

当您单击开始时，将鼠标向右拖动。这将启动页面滚动并允许您使用水平滚动功能。

所以这里是错误。在IE9中，当浏览器高度小于网站总高度时，在中间部分单击并拖动横向滚动时，整个页面垂直向下跳转，使得屏幕的绝对顶部为#drag-wrapper的顶部元素。

当您水平滚动时，我不希望页面跳转。如果您在 Chrome 或 Firefox 中将这组相同的情况放在一起，您会发现该错误不存在。

我认为这与 IE 处理具有特定定位或类似位置的焦点元素的方式有关。正如您将看到的，该站点使用了大量的 jQuery。

有没有人有任何想法。我基本上已经用尽了我能想到的一切。

4

1 回答 1

0

尝试给这个css类赋予left和属性：top

#drag-wrapper {
  height: 610px;
  margin: 35px 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  left:0;
  top:150px;
  width: 100%;
  -moz-tap-highlight-color: rgba(0,0,0,0);
  -moz-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  z-index: 4000;
}

如您所见，此类具有position:absolute但没有leftandtop属性。margins to 0如果需要，请制作。

于 2012-12-21T19:06:07.797 回答