scrollTo的javascript

Question

我有这个脚本：

$(document).ready(function() {  
        $('a.link').click(function () {  
            $('#wrapper').scrollTo($(this).attr('href'), 400);
            $('a.link').removeClass('selected');  
            $(this).addClass('selected');
            return false;  
        });  
    });
    function setPosition(check, div, p1, p2, p3, p4, p5) {
    if(check==='#box1')
        {
            $(div).scrollTo(p1, 400);
        }
    else if(check==='#box2')
        {
            $(div).scrollTo(p2, 400);
        }
    else if(check==='#box3')
        {
            $(div).scrollTo(p3, 400);
        }
    else if(check==='#box4')
        {
            $(div).scrollTo(p4, 400);
        }
    else
        {
            $(div).scrollTo(p5, 400);
        }
    };

但对于box4and box 5，这不会滑到左边。滑到box1的底部。所以布局是这样的：

_____________________________________________________________________
|              |                 |                 |                |
|              |                 |                 |                |
|     box1     |      box2       |       box3      |      box4      |
|              |                 |                 |                | 
|______________|_________________|_________________|________________|
|              |                 |                 |                |
|              |                 |                 |                |
|    box5      |      box6       |      box7       |      box8      |
|              |                 |                 |                |
|______________|_________________|_________________|________________|

我不会把这一页从上往右翻，不往下翻。有什么建议吗？我怎样才能改变它？非常感谢您的所有建议或建议。

Answer 1

这就是你要找的吗？http://jsfiddle.net/6cmjz/ (注意底部的滚动条)

只需设置包装器的宽度即可。

#wrapper{
   width: 1000px;
}