的javascript scrollTo

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箱5，那也不會滑動至左側。滑到box1的底部。 這樣的佈局是這樣的：

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

我不會的頁面都挺直向右不下去。 anysugest？我該如何改變它？ 非常感謝您的所有建議或建議。

Answer 1

這是你在找什麼？ http://jsfiddle.net/6cmjz/（注意底部的滾動條）

只需設置一個寬度您的包裝。

#wrapper{ 
    width: 1000px; 
}