現在各種網站上都有各種彈窗，這些彈窗不僅讓頁面更加美觀，也可以提高網站的交互性。但是，有些彈窗會讓整個頁面的滾動被禁止，這對用戶來說是十分不友好的。因此，我們需要知道如何使用CSS防止彈窗底部的滾動被禁止。

如果你在彈窗的底部出現如下代碼：

.modal {
position: fixed;
bottom: 0;
width: 100%;
height: 300px;
overflow: hidden;
}

那么，我們需要增加如下代碼：

.modal {
position: fixed;
bottom: 0;
width: 100%;
height: 300px;
overflow: hidden;
}
.modal-open {
position: fixed;
right: 0;
}

這個代碼的意思是，我們給.modal彈窗加上一個類名modal-open。這個類名包裹的元素，應該是我們想要滾動的元素，比如說body、html等。這樣一來，我們就可以保證彈窗底部的滾動不會被禁止了。

當然，這個方法只適用于彈窗底部的滾動。如果彈窗的滾動在左、右、上方，那么我們需要針對不同的方向進行調整。

總而言之，通過加入.modal-open這個類名，我們可以輕松地解決彈窗底部滾動被禁止的問題。大家可以根據自己的實際情況，靈活地運用這個方法。