Javascript IE9中的一个非常奇怪的问题，整页跳转

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

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

要重现这个bug，你必须在IE9中打开这个url，并将浏览器的高度设置在500或600像素左右。因此，这将迫使页面开始从上到下垂直滚动

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

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

这就是bug。在IE9中，当浏览器高度小于总网站高度时，当单击并拖动中间部分以水平滚动时，整个页面垂直向下跳转，从而使屏幕的绝对顶部是“Type”拖拽包装元素的顶部。p> 我不希望页面在水平滚动时跳转。如果你在Chrome或Firefox中把这组情况放在一起，你会发现这个bug并不存在

我认为这与IE以某种定位或类似方式对待重点元素的方式有关。正如您将看到的，该站点使用了大量jQuery

---

有人知道吗。我基本上已经用尽了我能想到的一切

尝试将

left

和

top

属性赋予此css类：

#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;
}

---

正如您所看到的，该类具有

位置：绝对

，但它没有

左

和

顶

属性。如果需要，将

页边距设置为0

。

Jai，谢谢，我尝试了您的解决方案，但错误仍在发生。IE似乎想将#drag wrapper元素定位为top:0；当它被关注的时候。