Javascript 为什么我会得到一个带模态的滑块？

我的模态旁边有一个滑块，如下所示：

我的模态代码是：

 div#myModal.modal.fade.col-md-8.col-md-offset-2(tabindex="-1", role="dialog", aria-labelledby="myModalLabel" aria-hidden="true")
    div.modal-content
        div.modal-body
            p Modal body content.
        div.modal-footer
            button.btn.btn-default(type="button", data-dismiss="modal") Close

我从

javascript

调用模式：

  $('#joinBtn').click(function(event) {
        $('#myModal').modal({
        show: true
    })
});

---

您应该能够添加

 div#myModal.modal.fade.col-md-8.col-md-offset-2(tabindex="-1", role="dialog", aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-y: auto;")

或者，您可以在CSS中添加：

.modal {
    overflow-y: auto;
}

---

您需要将

overflow:hidden

添加到包含元素中。您所说的包含元素是什么意思？因为我已添加到

#myModal

div，但它不起作用。出于某种原因，修改css不起作用，但明确定义

样式

会起作用。@Pio是否可以尝试在id上执行此操作？因此

#myModal{overflow-y:auto；}

这与显式指定几乎相同。我的意思是，它将只作用于特定的模态。但没关系，这其实是我的错。我在引导前加入了我的定制风格。