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

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;

Answer 2

您的代码不会向页面添加第二个滚动条，它必须是您忘记包含的代码的一部分。

另请在发布拼写错误@Override public void afterTextChanged(Editable s) { if (isResettingKeyboard) return; resetKeyboardString(); // ... } 的代码之前修复拼写错误，然后移除：custom-menu。