div 内的 SweetAlert2

Question

我遇到了同样的问题，我希望在 div 中包含 sweetalert2 （不是 sweetalert toast），因为我希望除它之外的另一个 div 在弹出 sweetalert 时可以滚动。我已经尝试过上面的代码，但它仍然无法正常工作。

var id = document.getElementById('mydiv');

swal({

title: "question",

target: id,

showConfirmButton: false,

showCloseButton: true,

allowOutsideClick: false,

allowEscapeKey : false,

customClass: "swal-height"

});

我也有固定的CSS定位

#mydiv{

  overflow: hidden;

  height: calc(100% - 300px) !important;

  padding-bottom: 70px;

  position: relative !important;

}

#mydiv .swal-height {

    position:absolute !important;

    height: 720px !important;

    width: 780px !important;

    margin-left: 1100px !important;

    margin-top: 280px !important;

}

你能建议我在这里做错了什么吗？

这是 JSFiddle，它与我正在构建的类似： https: //jsfiddle.net/0pt2vr87/7/

感谢您的帮助。

Answer 1

您customClass错误地使用了参数，它应该是一个对象，而不是字符串。Swal.fire({  text: 'Modal inside a custom target',  target: '#custom-target',  customClass: {                      // <------ customClass is an object!    container: 'position-absolute'  },})#custom-target {  position: relative;  width: 300px;  height: 200px;  border-style: solid;}.position-absolute {  position: absolute !important;}<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> <div id="custom-target"></div>