Блог

Главная - Вопросы по программированию - проблема с последовательным скроллером

проблема с последовательным скроллером

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

У меня проблема с последовательным скроллером :

Разметка:

 <div id="scroller">    
      <ul style="width: 1200px;" id="items_scroller">    
        <li> aaa </li>
        <li> bbb </li>
        <li> ccc </li>
      </ul>
</div>

Код:

   $('#scroller').serialScroll({
    items:'li:visible',
    prev:'a#left_scroller',
    next:'a#right_scroller',
    axis:'x',
    offset:0,
    start:0,
    stop:false,
    onBefore:serialScrollFixLock,
    duration:700,
    step: 1,
    lazy: false,
    interval:5000,
    lock: false,
    force:false,
    cycle:true
  });

css :

 #scroller{
  position: relative;
  overflow: hidden;
  height: 90px;
  width: 800px;

  }

#items_scroller li{
  float:left; 
  width:400px;
  height: 75px; 
  padding: 0px;
  position:relative;
  margin-left:0px;
  }

Проблема в том, что когда он переходит к концу нужного сайта, он ожидает еще дважды по 10 секунд, прежде чем вернуться к началу.

Похоже, что скроллер содержит еще один элемент, но я думаю, что разметка и код верны.

Комментарии:

1. пожалуйста, отредактируйте свой вопрос, вставьте html и css заново и используйте {} кнопку в редакторе, чтобы отформатировать их как блоки кода.

2. У вас есть jsfiddle для этого?

3. Я попытался создать JSFiddle для операционной системы, используя предоставленный код и включая плагин SerialScroller — jsfiddle.net/Edcgh — но у меня это вообще не работает. Вероятно, чего-то не хватает.

Ответ №1:

Проверьте опцию «исключить» для serialScroll, я думаю, это может решить вашу проблему: http://flesler.blogspot.com/2008/02/jqueryserialscroll.html