水平滚动菜单答案

【问题标题】：Horizontal Scroll menu水平滚动菜单
【发布时间】：2015-12-29 06:00:04
【问题描述】：

我的菜单将基于 My SQL DATABASE 使用 ul li 显示。目前网站上有六个菜单可见。当我将菜单增加到六个以上时，它必须像图像滑块一样滚动显示，并带有上一个和下一个按钮选项。这样菜单就会水平滚动。

重要的一点是，只有当菜单增加超过六个时，下一步按钮才应该可见。否则不应显示下一个或上一个按钮。

如果我能得到任何脚本或 html 代码，请告诉我。

【问题讨论】：

听起来你只需要在CSS中设置overflow-y: scroll
我需要带有下一个和上一个按钮选项的代码，例如滑块
你可以看到我的演示页面希望这对你有帮助@senthilkumar

标签： javascript jquery html css

【解决方案1】：

希望这能帮助您查看链接

DEMO

$(document).ready(function () {
    $('.right').click(function () {
        var position = $('.container').position();
        var r=position.left-$(window).width()
        $('.container').animate({
            'left': ''+r+'px'
        });
    });    

    $('.left').click(function () {
        var position = $('.container').position();
        var l=position.left+$(window).width()
        if(l<=0)
        {
        $('.container').animate({
            'left': ''+l+'px'
        });
        }
    });    
});

SEE THE FIDDLE LINK

【讨论】：

谢谢艾文。但它不应该连续滚动。因为我必须将它用于菜单。所以它应该在最后一个 div 或 li 停止。