html - 防止页面上出现第二个滚动条

Question

我有这个动态填充的列表项。

<ul style='list-style: none;' class='custom-menu list-unstyled'>
     <li id = "vi1">Volvo</li>
     <li id = "vi2">Mercedes</li>
     <li id = "vi3">Audi</li>
</ul>

填充列表后，页面上会出现第二个滚动条。我的问题是，如何防止滚动条出现？

我正在使用这个 CSS

.custom-menu {

    display: none;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
}
.custom-menu li {
    padding: 8px 12px;
}
.custom-menu li:hover {
    background-color: #f60;
}

编辑:

   $(document).on("contextmenu", function (event) {
      event.preventDefault();
      // Show contextmenu
      $(".custom-menu").finish().toggle(100).css({
        top: event.pageY + "px",
        left: event.pageX + "px"
      });
    });

IE 截图

Answer 1

在第二个容器上使用 css 规则 overflow: hidden;