我如何使用react-burger-menu創建一個沒有滾動條的菜單？我試著在css中添加和改變不同的屬性，但是大多數都沒有任何實際的效果。這是打開菜單和我的css的圖像:

(https://i.stack.imgur.com/UyFBW.png)

/* Nav */

 .bm-burger-button {
    position: relative;
    right: 10px;
    padding: 0;
    margin: 0;
    width: 26px;
    height: 20px;
    margin-top: 0px;
    padding-top: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.bm-burger-bars {
    background: #373a47;
}

.bm-burger-bars-hover {
    background: #a90000;
}

.bm-cross-button {
    height: 24px;
    width: 24px;
}

.bm-cross {
    background: #bdc3c7;
}

.bm-menu-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -30px;
    padding-bottom: px;
}

.bm-menu {
    background: #373a47;
    padding: 2.5em 1.5em 0;
    font-size: 1.15em;
    position: relative;
    overflow: hidden;
}

.bm-morph-shape {
    fill: #373a47;
}

.bm-item-list {
    color: #b8b7ad;
    padding: 0.8em;
    height: 200px;
}

.bm-item {
    display: inline-block;
    color: #d1d1d1;
    margin-bottom: 10px;
    text-align: left;
    text-decoration: none;
    transition: color 0.2s;
    cursor: pointer;
}

.bm-item:hover {
    color: #ffffff;
}

.bm-overlay {
    background: rgba(0, 0, 0, 0.3);
}

我嘗試更改菜單的高度和菜單換行屬性。菜單最初也是偏移的，最后我不得不把它上移來覆蓋屏幕的上半部分。我肯定有更好的方法，但它對我正在做的事情有效。在我這樣做之前和之后，滾動條都在那里，所以這不會導致它出現。非常感謝任何幫助。就html而言，它目前嵌套在應用程序的標題部分。