Question

如果您现在转到http://www.youtube.com/，则会在按下youtube徽标旁边的下拉按钮，它会显示一个包含内容的菜单，它会在其左侧显示页面，滚动时它不会消失。你会如何创建这个菜单？

Answer 1

我认为你所追求的可能是jPM：http://jpanelmenu.com/

完全可定制。我已经将它用于一些业务，例如：

http://www.kapowinteractive.com.au/

如果您输入宽度，则可以在左上角看到一个图标。单击它，导航打开。我认为这对你来说可能是一个很好的起点。

Answer 2

可以使用Css，jQuery等的组合。为了让您快速了解如何完成此操作，它看起来像一个顶部div，左div（固定）和右div，内容是。

CSS示例：

#ScrollContent {
    width: 80%;
    height: auto;
    outline: 1px solid;
    position: absolute;
    right: 0;
    background: #C0C0C0;
    clear: left;
}


#Menu {
    width: 20%;
    height: 100%;

    position: fixed;
    outline: 1px solid;
    background: #92c452;
}

jQuery示例：

    jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
         jQuery('#Menu').toggle('show');
    });
});

我创造了一个Fiddle为了给出基本的想法......没有意思是完美的小提琴，但我希望它可以帮助你完成你想要的东西。

祝你好运，

如何创建像youtube这样的下拉菜单？

2 个答案: