我正在尝试构建一个使用jquery可滚动工具的网站。我有一个可滚动的列表,链接到显示我们工作示例的不同页面。可滚动列表通过PHP包含在每个页面中(我认为这可能更优雅,但我不太适合这样做)。如果显示相关页面,则可滚动列表在.active
上获得li
类。然后可滚动列表的可见部分应该跳转到活动列表项,并且可以从那里开始滚动。
现在我首先尝试通过与scrollTo-function的组合来修复它。但是,最后ul
及其li
的{{1}}将不会显示(我有5 ul
个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。