Горизонтальный скроллбар не крутиться при скролле, что делать?

Question

[Семён Катапаров]

Горизонтальный скроллбар не крутится при скролле, что делать?

Answer 1

[Денис Бочков]

<script type="text/javascript"src="mootools.svn.js"></script>

<script type="text/javascript">
window.addEvent('domready', function(){
var scroll = new Scroller('container', {area: 100, velocity:1});
$('container').addEvent('mouseover', scroll.start.bind(scroll));
$('container').addEvent('mouseout', scroll.stop.bind(scroll));
});
</script>

<div id="container">

<div class="slider">

<div class="section">section 1 content</div>
<div class="section">section 2 content</div>
<div class="section">section 3 content</div>
<div class="section">section 4 content</div>
<div class="section">section 5 content</div>

</div>

</div>

#container{

width: 780px;
height: 440px;
border: 8px solid #FFF;
overflow: auto;
margin: 0 auto;
overflow-x: hidden;
overflow-y: hidden;

}
.slider{

width: 2000px;
height: 400px;
padding: 20px;
background: #CCCCCC;

}
.section{

margin:0;
width:220px;
float:left;
margin-right:50px;

}