固定的div在垂直滾動期間被鎖定，直到主要內容也到達末尾

Question

我試圖尋找對此的回應，但是即使某些問題相似，我也無法找到任何答案。

在我的網站中，左側菜單使用Sidr JQuery插件。 這是一個固定的div，底部為0，溢出-y：滾動。 主要內容的高度大於左側菜單的高度。

在我的手機（Android上的Chrome）上，當我垂直滾動此菜單時，它開始滾動確定，但隨后被鎖定並開始滾動主要內容。 僅當主要內容即將用盡時，左側菜單也會完成滾動。

如何避免這種行為並使兩個元素彼此獨立滾動？

謝謝！

Answer 1

對於最終遇到相同情況的人來說，這僅僅是因為SIDR在打開左側菜單時修改了主體，將主要內容的位置設置為“絕對”。

我添加了類似以下內容：body.sidr-open {position：fixed！important; 這樣就解決了問題！

Answer 2

我發現，如果我在div.sidr中最后一項的底部添加了400px的填充，您現在可以更輕松地滑動到菜單底部。 這不是最佳的解決方法，但似乎已解決了該問題。