Question

我可以在窗口高度大于主体高度时将类添加到“模式打开”吗？

当页面很长时，“ modal-open”会在正文上“ padding-right”

<body class="modal-open" style="padding-right: 17px;">

并且当页面短于窗口时，“模式打开”主体将获得“右填充”。

<body class="modal-open">

谢谢。

Answer 1

您可以尝试以下方法：

$(window).on('resize', function(){
  let win = $(this); //this = window
  let modal_selector = $('.modal-open');
  if (win.height() > $('body').height()) { 
    modal_selector.css('padding-right', '17px');
  } else {
    modal_selector.css('padding-right', 'inherit');
  }
});

尽管您可能会注意到事件在调整大小期间触发，而不只是在结束时触发，所以您可能希望按照以下答案仅在调整大小事件结束时进行样式设置。

JavaScript/JQuery: $(window).resize how to fire AFTER the resize is completed?

如何在引导模态打开中添加类

1 个答案: