Javascript 在链接中需要水平滚动

我一直在尝试实现中提供的水平滑动。事实上，我在这个链接中使用了垂直皱眉。我希望它水平显示。有什么建议吗

如图所示，我希望页面在单击顶部的任何平铺时向左滑动，以此类推

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.reveal.js"></script>
<script type="text/javascript">
    $(function() {
        var $items = $('#vtab>ul>li');
        $items.mouseover(function() {
            $items.removeClass('selected');
            $(this).addClass('selected');

            var index = $items.index($(this));
            $('#vtab>div').hide().eq(index).show();
        }).eq(0).mouseover();
    });
</script>

$（函数（）{
变量$items=$（'#vtab>ul>li'）；
$items.mouseover（函数（）{
$items.removeClass（'selected'）；
$（this.addClass（'selected'）；
var index=$items.index（$（this））；
$（'#vtab>div'）.hide（）.eq（index.show（）；
}).eq（0）.mouseover（）；
});

您需要将主体的宽度设置为节数乘以每个节的宽度。（宽度应相等）。例如，您有5个部分，每个部分的宽度为4000px。因此，主体应为4000*5，20000px。然后向左浮动每个部分，并隐藏水平滚动条

教程：

演示：

---

谢谢它的工作。但是有没有办法摆脱滚动条？？？我试过溢出：隐藏但没有用。。。

$(function() {
    $('ul.nav a').bind('click',function(event){
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollLeft: $($anchor.attr('href')).offset().left
        }, 1000);
        event.preventDefault();
    });
});