Sass/CSS：停止固定div隨父母div一起滾動

我有這兩個div：父div #filterSelect，包含一組過濾器，它的子div #applyFilterIKnow即「應用過濾器」按鈕。 #applyFilterIKnow應該始終可見並固定在#filterSelect div的底部。問題是#applyFilterIKnow與#filterSelect一起滾動。這裏的兩個CSS：Sass/CSS：停止固定div隨父母div一起滾動

#filterSelect { 
    transform: translateX(100%); 
    transition: transform 0.3s; 
    overflow-x: auto; 
    overflow-y: auto; 
    width: 15%; 
    position: absolute; 
    z-index: 1000; 
    right: 0; 
    height: 100%; 
} 

#applyFilterIKnow { 
    position: fixed; 
    width: 100%; 
    height: 50px; 
    bottom: 0; 
    right: 0; 
    background-color: #4370d9; 
    transition: all 0.5s ease; 
    font-size: 2rem; 
    padding-top: 10px; 
    text-align: center; 
    color: white; 
    cursor: pointer; 
}

我省略了一些相對於背景顏色的CSS。假設其中一個解決方案是將#filterSelect的位置設置爲相對位置，但這會使整個div與頁面內容的其餘部分重疊。我能做什麼？在此先感謝任何人響應我的疑問:(

下面是相關問題的一些截圖：