Sadece bir kez tıklandığında bir modal açılan düğmeler oluşturdum ve her düğmenin farklı bir egzersiz gifini gösteren bir mod vardır. Ancak, modalar çok küçüktür ve kullanıcının tüm gifleri görmesini engellemekte ve onları aşağı kaydırmaya zorlamaktadır. Kaydırma çubuğunu kaldırmak ve modal boyutunu büyütmek, böylece kullanıcının tüm gif'i görmesini sağlamak istiyorum. Eğer gerekiyorsa Herhangi bir yardım burada codepen https://codepen.io/anon/pen/gPwvedMateryalize.css modelini büyütmek ve dikey kaydırma çubuğunu kaldırmak mümkün mü?
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>
olduğunu çok iyi olurdu jQuery farklı kimliği ile 'tık fonksiyonları üzerine 6 oluşturulan, bu onlardan birinin bir örnektir, benim codepen bakınız
$("#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");
});