前提・実現したいこと
モーダル ウィンドウを閉じたあと、スクロールができなくなっているため、できるようにしたい
サムネイル一覧をクリック→該当のサムネイルをslickにて表示、モーダルウィンドウが閉じるようなコードを書きましたが、モーダルウィンドウが閉じた後にページのスクロールができないため、解消したいです。
該当のソースコード
jquery
1$(function() { 2 $(function() { 3 var slider = ".productsslide"; // スライダー 4 var thumbnailItem = "#variation_list .variation_list_item > img"; 5 var imgList = "#products_list .products_list_item"; 6 7 // サムネイル画像アイテムに data-index でindex番号を付与 8 $(thumbnailItem).each(function() { 9 var index = $(thumbnailItem).index(this); 10 $(this).attr("data-index", index); 11 }); 12 $(imgList).each(function() { 13 var index = $(imgList).index(this); 14 $(this).attr("data-index", index); 15 }); 16 17 // スライダー初期化後、カレントのサムネイル画像にクラス「variation-current」を付ける 18 $(slider).on('init', function(event, slick) { 19 var index = $(".slick-slide.slick-current").attr("data-slick-index"); 20 // スライダーのカウンター増減 21 $('.current').text(slick.currentSlide + 1); 22 $('.total').text(slick.slideCount); 23 24 $(thumbnailItem + '[data-index="' + index + '"]').addClass("variation-current"); 25 }); 26 27 //サムネイル画像のカレントを切り替え 28 $(slider).on('beforeChange', function(event, slick, currentSlide, nextSlide) { 29 $(thumbnailItem).each(function() { 30 $(this).removeClass("variation-current"); 31 }); 32 $(thumbnailItem + '[data-index="' + nextSlide + '"]').addClass("variation-current"); 33 }); 34 35 //slickスライダー初期化 36 $(slider).slick({ 37 autoplay: false, 38 arrows: true, 39 fade: false, 40 infinite: false, //はずさないでください 41 }) 42 .on('beforeChange', function(event, slick, currentSlide, nextSlide) { 43 $('.current').text(nextSlide + 1); 44 }); 45 //サムネイル画像アイテムをクリックしたときにスライダー切り替え 46 $(thumbnailItem).add(imgList).on('click', function() { 47 var index = $(this).attr("data-index"); 48 var winScrollTop = $(window).scrollTop(); 49 $(slider).slick("slickGoTo", index, false); 50 //モーダルの場合は閉じる 51 if (imgList) { 52 $('.modal').fadeOut(); 53 $('body,html').stop().animate({ 54 scrollTop: winScrollTop 55 }, 100); 56 return false; 57 } 58 }); 59 }); 60 });
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。