Выделите активный элемент

Question

Я пытаюсь создать сайт, который использует jquery scrollable-tool для портфолио. У меня есть прокручиваемый список, который ссылается на разные страницы с примерами нашей работы. Список с возможностью прокрутки включается в каждую страницу через PHP (я думаю, что это может быть намного более элегантно, но я не совсем подходит для этого). Прокручиваемый список получает .active класс на li если отображается соответствующая страница. Затем видимая часть прокручиваемого списка должна перейти к активному элементу списка, и прокручиваемый список должен начаться оттуда.

Теперь я сначала попытался исправить это с помощью функции scrollTo. Но тогда последний ul с этими li не будет отображаться (у меня 5 ul с 5 li Предметы). Кроме того, прокрутка начинает вести себя странно. У меня иногда нет элементов списка, видимых в прокручиваемом элементе div.

Это мой код:

    $(document).ready(function(){
// initialize scrollable
$(".scrollable").scrollable({
    mousewheel: true,
    circular: true,
    loop:true
});
$(".scrollable").scrollTo($("li.active"), 800, {axis:"x"} );
    });

Я также попробовал это с initialIndex, но это тоже не очень хорошо работало и не имело хорошего scrollTo-Effect.