2015-10-01 128 views
-3

我的菜单将根据使用ul li的My SQL DATABASE显示。目前在网站上可以看到六个菜单。当我增加我的菜单超过六个,它必须显示滚动像图像滑块与上一个和下一个按钮选项。这样菜单将水平滚动。水平滚动菜单

重要的一点是,只有当菜单增加超过六个时,才能看到下一个按钮。否则,不应显示下一个或上一个按钮。

让我知道,如果我能够得到任何脚本或HTML代码。

+1

这里是你的代码? – Chris

+0

听起来像你只需要在CSS中设置overflow-y:scroll' –

+0

我需要带有下一个和上一个按钮选项的代码,如滑块 –

回答

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

+0

谢谢Ivin。但它不应该连续滚动。因为我必须将它用于菜单。所以它应该停在最后的div或li。 –