相关疑难解决方法(0)

我刚刚创建了一个按钮,一旦点击就会弹出一个模态,每个按钮都有一个显示不同运动gif的模态.但是模态太小而且它阻止用户看到整个gif,迫使它们向下滚动.我想删除滚动条并使模态更大,以便用户可以看到整个gif.任何帮助都会很棒,这是我的codepen https://codepen.io/anon/pen/gPwved

HTML

 <div id="modal1" class="modal">
    <div class="modal-content">
      <h4></h4>
      <p></p>
    </div>
    <div class="modal-footer">
      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
  </div>

jQuery-我创建了6个具有不同id的单击函数,这是其中一个的示例,如果需要整个代码,请查看我的codepen

$("#chest").on("click", function() {
       $("h4").html("Bench Press");
        $("p").html("<img id='yo' src='https://45.media.tumblr.com/860edb05e3f8b0bf9b4313a819e87699/tumblr_mi2ud72e931qet17vo1_400.gif'>");
        $("#modal1").openModal("show");
    });