我正在为我的公司开发一个滚动站点,我们正在使用 SerialScroll 来完成滚动。令人沮丧的是,我终其一生都找不到实现后退按钮的好方法,即使用户体验不需要它起作用,我的老板也有一个糟糕的经历,以前的合同开发人员花了一年时间修复最后一个站点上的后退按钮。所以他们甚至不愿意在这个问题上听我的。
serialScroll 使用一个常量变量作为位置,我的想法,虽然可能很天真,但会找到一种方法来从 serialScroll 函数外部更新该位置变量。这样当点击后退按钮时,我可以更新serialScroll位置???我终生无法找到解决方案,或者是否有可能?任何帮助将不胜感激。
这是我当前的功能:
$(function(){
var next_btn = $('#sec0_nav a.next');
var prev_btn = $('#sec0_nav a.prev').hide();
$('#wrapper').serialScroll({
target:'#sec',
items:'.prod_list',
prev: prev_btn,
next: next_btn,
axis:'x',
navigation:'#prod_nav li a',
duration:500,
force:true,
cylce: false,
onBefore:function( e, elem, $pane, $items, pos ){
prev_btn.add(next_btn).show();
if( pos == 0 )prev_btn.hide();
else if( pos == $items.length -1 )
next_btn.hide();
$('.prod_list').removeClass('current');
},//end onBefore
onAfter:function(elem) {
var posPlace = (elem).id;
location.hash = posPlace;
$(elem).addClass('current');
}//End onAfter
});//end serialScroll
});