Question

我想将菜单固定在左侧。

我尝试, function (err, counts) { if(err){ console.log(err); return res.json({status:false, msg : err}); } if(counts){ console.log(counts); for (var i = 0; i < counts.length; i++) { var type = counts[i]._id; var count = counts[i].count; if(type == "ALR"){ if(count < 5){ return res.json({status:false, msg : "Minimum 5 All-Rounders"}); } } else if(type == "BAT"){ if(count < 6){ return res.json({status:false, msg : "Minimum 6 Batsman"}); } } else if (type == "BWL"){ if(count < 6){ return res.json({status:false, msg : "Minimum 6 Bowlers"}); } } else if(type == "WTK"){ if(count < 3){ return res.json({status:false, msg : "Minimum 3 Wicket Keepers"}); } } } return res.json({status:true, msg : "Squad Lauched"}); } });，一开始看起来不错，但很快我意识到如果内容比屏幕宽（并且没有滚动条），则sidebar中的内容无法完整显示。< / p>

pusher

如果删除<body> <div class="ui visible left vertical menu sidebar"> <a class="item">Item 1</a> <a class="item">Item 2</a> </div> <div class="pusher"> a very long sentence, a very long sentence, a very long sentence, a very long sentence, </div> </body>类，则会显示广泛的内容，但现在pusher涵盖了一些内容，这并不奇怪。在Semantic UI中，侧边栏设计为隐藏，以便sidebar中的内容完全显示。

制作固定左侧垂直菜单的“正确”方法是什么？或者有没有办法让pusher完全看到内容（甚至滚动条有用）？

Answer 1

我已经检查了您的描述，并对您的“制作固定的左侧垂直菜单的“正确”方法是什么？” 问题有一个答案。这是HTML；

    <div class="ui top attached demo menu">
  <a class="item">
    <i class="sidebar icon"></i> Menu
  </a>
</div>
<div class="ui bottom attached segment">
  <div class="ui inverted labeled icon left inline vertical demo sidebar menu">
    <a class="item">
      <i class="home icon"></i> Home
    </a>
    <a class="item">
      <i class="block layout icon"></i> Topics
    </a>
    <a class="item">
      <i class="smile icon"></i> Friends
    </a>
    <a class="item">
      <i class="calendar icon"></i> History
    </a>
  </div>
  <div class="pusher">
    <div class="ui basic segment">
      <h3 class="ui header">Application Content</h3>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
    </div>
  </div>
</div>

这是JavaScript；

    $('.ui.sidebar').sidebar({
    context: $('.bottom.segment')
  })
  .sidebar('attach events', '.menu .item');

有关详细信息，您可以查看此代码段； https://codepen.io/redshift7/pen/VaKmjq

希望您会处理！

（语义UI）如何制作固定的垂直左侧菜单

1 个答案: