Javascript 同时使用两个模态

因此，我的目标是创建一个作为计时器的模式，当用户滚动第二个作为测试的模式时，该模式将跟随

**
剩余时间

90:00
接近
接近
**

这是我对这两个情态动词的理解，看起来是这样的

在我的JavaScript中，我在第一个模式中使用了.scrollIntoView（），但它似乎一点也不影响它。问题是第二个模式不可滚动，并且两个模式都被锁定。让这一切按我的意愿运作可行吗

---

一旦“testTimer”达到某个时间，我就有一个超时来隐藏它。一旦它关闭，“quizModal”就可以滚动了。

所以同时使用两个模态函数真的很麻烦。取而代之的是，我想让标题成为计时器，并且只有模态（测试）的主体可以滚动

<div class="modal inmodal fade" id="quizModal" tabindex="-1" role="dialog"  aria-hidden="true" data-backdrop="false" data-keyboard="false">
     <div class="modal-dialog" style="overflow-y: scroll; width: 1200px;max-height:100%; max-width: 100%; margin-bottom: 25px" > 
      <div class="modal-content">
        <div class="modal-header text-center"><h2 class = "modal-title" id='quizModalTitle'></h2></div>
        <div class="modal-body " style = 'height: 400px;overflow-y: auto;' id='quizModalContent'></div>
        <div class='modal-footer text-right'>
          <button type="button" id = 'testClose' class="btn btn-white" data-dismiss="modal" onclick="fetchQuizProgress()">Close</button>
        </div>
      </div>
    </div>
  </div>

接近

工作得很有魅力。感谢：

---

和Carlos Calla关于堆栈溢出。

在Bootstrap的文档中有一个演示如何制作可滚动的Modals是的，我看到了这一点，并尝试将其应用于两者，但似乎没有任何效果。就像计时器在屏幕上的某个点被锁定一样。我甚至试着让第二个模态的主体可以滚动，但仍然没有效果。