Javascript水平滚动库，scrollLeft在IE9中不可用，并以chrome停止

Question

我的水平滚动图库存在一些问题。 要滚动它，我使用javascript scrollLeft方法，并使用计时器（setTimeout）调用该函数。 到达滚动条的末尾后，我将其设置为开始。

在单核AMD Athlon 64 3000+上运行良好。 （windows xp FF15＆IE8）也可以在运行奔腾m的旧笔记本电脑上以600mhz运行。 （windows xp FF15）在我的四核处理器上，它像冰淇淋一样光滑，但是在老板的高端机器上，它又起伏又缓慢。 （这是开发人员的错：D，我必须修复它。）-但是如何？ 在Intel T1300上，它的速度也可能会更快一些（多么糟糕的CPU）

我想我的上架钻机有些遗漏，但我希望您能从提示中提高整体脚本的速度。

但是，还有一些其他的怪异之处：它可与Firefox 14和15以及IE8一起使用。 但是使用IE9时，滚动非常慢，因此无法使用。 使用Chrome时，在onmouseover事件结束后，它将无法恢复，从而使图库暂停。 由于Chrome无法识别Onmouseout，因此无法触发？

我在这里做了一个小提琴： http : //jsfiddle.net/cQf44/7/ （在原始代码中，图像分别嵌套在DIV中，我可能会更改）

这是我为这个问题制作的示例。

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
            <style type="text/css">
        html
    {
        height:100%;
    }

    body
    {
        height:98%;
        background-color: #FFF9E5;    
        padding: 0px;                                
    }   

#wrapper
{
    margin:auto;
    padding: 0;
}
#outer
{
    padding: 0;
    background-color: #FFF9E5;
}

#container
{
    margin: 0 auto;   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:60%;
    background-color: #867F27;
    padding-right:1%;
    padding-left:1%;
}

#view
{   
    height: 180px;
    white-space: nowrap;
    line-height: 0;
    overflow-x: auto;
    margin: 0 auto;
    vertical-align: middle;
    width:800px;    /*with a fixed width it works very nice*/
    max-width: 75%; /*lets the gallery shrink on resize of the browser*/
}    

img
{
        display: inline-block;
}
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="outer">
            <div id="container">
                <div id="view" onmouseover="javascript:stop_scroll()" onmouseleave="javascript:start_scroll()">
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                    <img src="http://lorempixel.com/205/154/"/>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript">
var gallery = document.getElementById('view');
var scroll_timer;

autoscroll();
function autoscroll()
{
    scroll_timer=setTimeout("autoscroll()",10);    
    var max_scroll = parseInt(gallery.scrollWidth)-parseInt(gallery.clientWidth);
    gallery.scrollLeft += 1;
    if(gallery.scrollLeft == max_scroll)
    {
        gallery.scrollLeft = 0;
    }
}

function stop_scroll()
{
    clearTimeout(scroll_timer);
}

function start_scroll()
{
    scroll_timer=setTimeout("autoscroll()",10);
}

</script>
</body>
</html>

一如既往地先感谢，祝您有愉快的一天。