我正在尝试构建一个将 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 尝试过,但这也不是很好,也没有很好的滚动效果。