jQuery - 用于防止叠加滚动的其他解决方案

Question

我有这个网站，我有不同的模态。在这些模态中，您可以滚动，但当您处于模态内容的末尾时，页面将滚动。所以我提出的第一个解决方案是：

$('.btn-open-modal').click(function(e) {
    e.preventDefault();
    $('body').css('overflow', 'hidden');
});

$('.btn-close-modal').click(function(e) {
    e.preventDefault();
    $('body').css('overflow', 'auto');
});

是否有更好的解决方案，因为我听说此解决方案可能会导致问题，因为隐藏滚动条时页面会变宽一些。