我有一个超结构的菜单。它在溢出中具有隐藏的按钮:我希望能够使用下一个上一个按钮滑动通过隐藏的内容。但是由于按钮的大小不同,所以我想不出一种安全的方法来实现此目的。

任何帮助表示赞赏。

还有一些指向jquery插件的指针。

谢谢。

html在这里:http://jsfiddle.net/utKqe/2/

我设法获得了令人满意的效果(但仍然不能使它停止达到无限大):

    //other category page, navigate through cats
$(document).ready(function() {

    $('#otherleftarrow').click(function() {
        $('#othermenu ul').animate({marginLeft: '-=100px'}, 200);
        return false; // prevent default click action from happening!
    });

    $('#otherrighttarrow').click(function() {
        $('#othermenu ul').animate({marginLeft: '+=100px'}, 200);
        return false;
    });

});

最佳答案

jQuery让您访问元素的计算宽度(如实际显示),因此您可以使用它来更改导航ul的左偏移,从而显示先前隐藏的按钮。

我将尽快获得文档链接。

编辑:它是width()http://api.jquery.com/width/

编辑:也许这可以给你一个想法,你可以如何使用它:

$('#otherleftarrow').click(function() {
    var menu = $('#othermenu ul');
    menu.css(
        'marginLeft',
        (menu.offset().left + $('.catotherselected').parent().prev().width()) + 'px'
    );
});


要防止无限滚动:添加if来针对menu.offset> = 0(右箭头)进行测试。对于左箭头,您需要针对menu.offset

关于jquery - 如何使用jquery在水平导航菜单上滑动这些按钮?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10263677/

10-12 12:43
查看更多