javascript for scrollTo


javascript for scrollTo

我有这个脚本:

$(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);
        }
    };

但对于方框4和方框5,它不会向左滑动。滑到箱子1底部。所以布局是这样的:

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

我不会把这一页都向右划掉而不往下掉。有什么建议吗?我该怎么改?非常感谢你的建议。

这就是您想要的吗?http://jsfiddle.net/6cmjz/(注意底部的滚动条)

只需设置包装纸的宽度。

#wrapper{
   width: 1000px;
}