jQuery Modal Scroll是一款jQuery插件，可以實現(xiàn)將頁面元素覆蓋在當(dāng)前頁面之上，從而達(dá)到彈出窗口的效果。此外，它還支持滾動條的自動添加和移除，讓用戶在彈出窗口中瀏覽內(nèi)容時更加方便。

要使用jQuery Modal Scroll，需要先引入jQuery和jQuery Modal Scroll的js和css文件：

<link rel="stylesheet" href="jquery.modalscroll.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="jquery.modalscroll.js"></script>

接著，在頁面中創(chuàng)建一個彈出窗口的html結(jié)構(gòu)，例如：

<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>這是彈出窗口中的內(nèi)容。</p>
</div>
</div>

然后，在js中調(diào)用jQuery Modal Scroll的方法，例如：

$(function() {
$('#myModal').modalscroll({
scrollableContent: '.modal-content',
scrollableHeight: '400px'
});
});

其中，scrollableContent表示可以滾動的內(nèi)容的選擇器，scrollableHeight表示內(nèi)容的高度。若內(nèi)容高度超過這個值，則會自動添加滾動條。

最后，在關(guān)閉彈出窗口時需要手動移除滾動條：

$('.close').click(function() {
$('body').removeClass('ms-modal-active');
$('html').removeClass('ms-modal-active');
$('.modal-scroll').remove();
});

以上就是使用jQuery Modal Scroll實現(xiàn)彈出窗口并自動添加滾動條的方法。