首页 > 横向tab问题

横向tab问题

像这样的滚动用css3控制的话,如果连续点击多次箭头的话会导致导航最后的位置不正确,该怎么解决呢?

$nowBox.find(".pre").on("click",function(){
    var tLiLen = $aTabLi.length;
    var iWidth = $aTabLi.eq(0).width();
    var nowMargin = parseInt($oTabUl.css("marginLeft"));
    if(nowMargin >= (iWidth * 6) - (iWidth * tLiLen)){
        $oTabUl.css("marginLeft",nowMargin - iWidth);
    }else{
        return false;
    }
}

我觉得算宽度不太靠谱,特别实时计算的话效率低,你可以用

<ul><li></li><li></li></ul>

移动的时候选取不同的li


不太会CSS,个人建议仅供参考:可能的话,每个tab一个ID(固定或自动生成),ID定位快、精准,find本来就慢,DOM发生变化后find是否精准不太肯定。


看了下lz的代码不就是用margin-left控制的吗……这又不是css3属性

针对问题的话,应该是同步方面的,可以加一个信号量做控制,学过的应该都懂,第一个调用的时候就锁死,调用结束释放


LZ意思是说连续点击箭头,然后前一步的操作没完成 后面的计算就会算错?
试试jquery animate + stop

【热门文章】
【热门文章】