用于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);
        }
    };

但是对于box4和box 5，那将不会向左滑动。滑到box1的底部。 所以布局是这样的：

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

我不会把这个页面直接向右倾斜。 anysugest？我怎么能改变它？ 非常感谢您的所有建议或建议。

Answer 1

这是你在找什么？ http://jsfiddle.net/6cmjz/（注意底部的滚动条）

只需为包装器设置宽度。

#wrapper{
   width: 1000px;
}