在IE9非常奇怪的问题与跳跃

Question

编辑整个页面：客户希望做一些测试，在IE浏览器禁用点击和拖动功能，所以在这个当前时刻，你将无法复制的bug。我理解这是否会影响社区协助解决最终根本问题的能力。

因此，这里的问题。它出现在IE9和IE8中，当屏幕高度或更具体的浏览器高度小于网站主容器的高度时。该网站水平滚动，因此其总高度大约在700或800像素左右。

要重现这个bug，你必须打开这个网址：http://dev.gregoryfca.com/在IE9，使浏览器的高度围绕某个地方500个或600像素。所以这将迫使页面从头开始垂直滚动。

它把所有的方式达到顶峰，所以你仍然可以看到G标志和菜单以及社会的图标。然后点击白色区域，不要放开。您可以点击我们的人员部分旁边的白色区域。

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

所以这里是错误。在IE9中，当浏览器高度小于总网站高度时，当您点击并拖动中间部分进行水平滚动时，整个页面会垂直跳转，以便屏幕的绝对顶部是＃drag-wrapper的顶部元件。

我不想要的页面，当你横向滚动跳。如果你在Chrome或Firefox中将相同的情况放在一起，你会发现这个bug并不存在。

我认为这事做的方式对待IE集中与某些定位，或类似的东西的元素。你会看到该网站使用了很多jQuery。

有没有人有任何想法。我基本上用尽了所有我能想到的东西。

Answer 1

尝试给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; 
} 

正如你可以看到这个类有position:absolute，但它不具备left和top财产。如果需要，可以使用margins to 0。