2013-08-28 3 views
0

У меня есть этот скрипт:Javascript для 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); 
     } 
    }; 

но box4and коробки 5, то не будет будет скользить влево. которые скользят снизу коробки1. так макет выглядеть так:

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

Я не буду с этой страницы все Stright на право не идти вниз. anysugest? как я могу его изменить? Большое спасибо за советы или предложения.

+1

Попробуйте сделать [jsFiddle] (http://jsfiddle.net/), пожалуйста. – Brewal

ответ

0

Это вы что искали? http://jsfiddle.net/6cmjz/ (обратите внимание на полосу прокрутки внизу)

Просто установите ширину для вашей обертки.

#wrapper{ 
    width: 1000px; 
} 
Смежные вопросы