jquery - 滚动到活动项目

Question

我正在尝试构建一个将 jquery 可滚动工具用于投资组合的站点。我有一个可滚动的列表，链接到显示我们工作示例的不同页面。可滚动列表通过 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 尝试过，但这也不是很好，也没有很好的滚动效果。