我有这个脚本:
$(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;
}