モーダルウィンドウで自動スクロールの解除を行いたいです。

Question

前提・実現したいこと

モーダルウィンドウで情報量の多いセクションを表示させています。
該当セクションを開いた後、該当セクションの上部にスクロールさせても、セクション最下部に自動スクロールされてしまうので、それを停止させたいです。

例）今回のhtml箇所とは別に、メールフォームもモーダルウィンドウで開いています。
フォームを入力している最中でも、自動でセクションの最下部に自動スクロールされてしまうため、
それを停止させたいです。

※当方初心者の為、知識が不足しております。
そのため、下記記載の該当箇所が合っているか不明ですので、ほぼ全ソース記載しております。
分かりやすく教えて頂けますと大変助かります。

該当のソースコード

<div id="section05" class="section fp-auto-height-responsive">
                        <div class="sectionInner">
                            <p class="imageText01"><img src="img/home/txt_about.png" alt=""></p>
                        </div>
                        <div class="block">
                            <div class="inner inner05">
                                <h2 class="headline1"><em>ABOUT 〇〇〇</em><span>〇〇〇について</span></h2>
                                <div class="section05Textarea">
                                    <p>テキスト</p>
                                    <p>テキスト</p>
                                    <p>テキスト</p>

                                </div>
                                <p class="button"><a href="××××" target="_blank"><span>テキスト</span></a></p>
                            </div>
                        </div>
                    </div>

(function($) {
	$(function() {
		var UA = (function(){
		var ua = navigator.userAgent;
			return {
			IE6: ua.indexOf('MSIE 6') > 0,
			IE7: ua.indexOf('MSIE 7') > 0, 
			IE8: ua.indexOf('MSIE 8') > 0,
			IE9: ua.indexOf('MSIE 9') > 0,
			ie: document.uniqueID,
			firefox: window.globalStorage,
			opera: window.opera,
			webkit: !document.uniqueID && !window.opera && !window.globalStorage && window.localStorage,
			mobile: /android|iphone|ipad|ipod/i.test(ua.toLowerCase()),
			SP: /android|iphone|ipod|bb|windows phone|webos/i.test(ua.toLowerCase()),
			iOS: /ipad|iphone|ipod/i.test(ua.toLowerCase()),
			iPad: /ipad/i.test(ua.toLowerCase()),
			Android: /android/i.test(ua.toLowerCase())
		}})();
		if(UA.iOS) {
			$('body').addClass('SP');
		}
		
		// menu sp
		$(window).on('load resize', function(event) {
			$('.naviSP .naviInner').outerWidth(window.innerWidth);
			$('.naviSP').outerHeight(window.innerHeight);
			$('.naviSP .naviInner').outerHeight(window.innerHeight);
		});
		$('.menu-trigger').append("<em></em>");
		var winW = $(window).width();
		var point = 736;
		$('.menu-trigger').on('click', function(e){
			$(this).toggleClass('active');
			$('.naviSP').slideToggle(function(){
				$(this).outerHeight(window.innerHeight);
				$('.naviSP .naviInner').outerWidth(window.innerWidth);
				$('.naviSP').outerHeight(window.innerHeight);
				$('.naviSP .naviInner').outerHeight(window.innerHeight);
			});
			$('#overlay').fadeToggle('fast','linear');
			$('body').toggleClass('fixBody');
		});
		$('header').after('<div id="overlay" />');
		$('#overlay').on('click', function(){
			$('.menu-trigger').removeClass('active');
			$('.naviSP').slideUp();
			$('#overlay').fadeOut('fast','linear');
			$('body').removeClass('fixBody');
		});

		// fullpage
      

        
		var $main = $('#main');
		if($main.find('.section').length > 1) {
			$main.fullpage({
				//scrollOverflow: true,
                scrollOverflow: false,
                autoScrolling: false,
				scrollOverflowOptions: {
					click:false,
					preventDefaultException: {tagName: /.*/}
				},
				afterRender: function() {
					if (window.innerWidth > 736) {
						$('.section .block').css('min-height', (window.innerHeight - 250) + 'px');
					}
					else {
						$('.section .block').css('min-height', (window.innerHeight - 120) + 'px');
					}
					$('.section .sectionInner').css({
						height: (window.innerHeight - $('header').outerHeight()) + 'px',
						top: $('header').outerHeight() + 'px'
					});
					$('#section01 .sectionInner').css({
						height: window.innerHeight + 'px',
						top: '0'
					});
                    $('#section06 .sectionInner').css({
                        height: (window.innerHeight - $('header').outerHeight()) + 'px',

                        top: '500'
                    });
				},
				afterLoad: function(anchorLink, index) {
					var $curSection = $('#section0' + index);
					if ($curSection.find('.block .inner').css('opacity') == 0) {
						$curSection.find('.sectionInner').animate({ opacity: 1 }, 1000, function() {
							setTimeout(function() {
								$curSection.find('.block').css('top', '0').delay(1000).queue(function() {
									$(this).children('.inner').animate({opacity: 1}, 700, function() {
										// re-active scroll
										$main.fullpage.setAllowScrolling(true);
										$main.fullpage.setKeyboardScrolling(true);
									});
								});
								$curSection.find('.sectionInner').animate({opacity: 0}, 1000);
							}, 1000);
						});
					}
					else {
						if ($curSection.find('.block .inner').length == 0) {
							$curSection.find('.sectionInner').animate({ opacity: 1 }, 1000);
						}
						// re-active scroll
						$main.fullpage.setAllowScrolling(true);
						$main.fullpage.setKeyboardScrolling(true);
					}
				},
				onLeave: function(index, nextIndex, direction) {
					// prepare next animation
					if($('#section0' + nextIndex + ' .block .inner').css('opacity') == 0) {
						$('#section0' + nextIndex + ' .block').css({
							position: 'relative',
							top: window.innerHeight + 'px'
						});
                        
					}
					// header fixed
					if(nextIndex != 1) {
						$('header').addClass('bgWhite');
					}
					else {
						$('header').removeClass('bgWhite');
						$('.naviSP').outerHeight(window.innerHeight);
						$('.naviSP .naviInner').outerHeight(window.innerHeight);
					}
					// navi active
					$('#navi').children().removeClass('active');
					$('#navi').children('li[data-section="' + nextIndex + '"]').addClass('active');
					// stop scroll
					$main.fullpage.setAllowScrolling(false);
					$main.fullpage.setKeyboardScrolling(false);
				}
			});
			$('.iconArrow').on('click touch', function(event) {
				$main.fullpage.moveSectionDown();
			});
			$('#navi li a, .naviSP li a').on('click touch', function(event) {
				$main.fullpage.moveTo($(this).parent().data('section'));
				$('#overlay').trigger('click');
			});
		}
	});
})(jQuery);


//section02
$(function(){
    var slider = $('.modalContent_list').slick();
    $('.js-modal').click(function(){
        slider.css('opacity',0);
        slider.animate({'z-index':1},300,function(){
            slider.slick('setPosition');
            slider.animate({'opacity':1});
        });
    });
});


$(function(){
    $(".js-modalConcept").hide();
        $(".js-modal").click(function(){
            $( this ).blur() ;
            if( $( ".modal-overlay" )[0] ) return false ;
            $( ".js-modalConcept" ).after( '<div class="modal-overlay"></div>' ) ;
            $( ".modal-overlay" ).fadeIn( "slow" ) ;
            $( ".js-modalConcept" ).fadeIn( "slow" ) ;
            $( ".modalCloseBtn" ).unbind().click( function(){
                $( ".modalContent,.modal-overlay" ).fadeOut( "slow" , function(){
                    $('.modal-overlay').remove() ;
                } ) ;
            });
        });
});


//menu
$(function(){
    $(".js-modalMenu").hide();
    $(".js-modalMenuBtn").click(function(){
        $( this ).blur() ;
        if( $( ".modal-overlay" )[0] ) return false ;
        $( ".js-modalMenu" ).after( '<div class="modal-overlay"></div>' ) ;
        $( ".modal-overlay" ).fadeIn( "slow" ) ;
        $( ".js-modalMenu" ).fadeIn( "slow" ) ;
        $( ".modalCloseBtn,.modal-overlay" ).unbind().click( function(){
            $( ".modalContent,.modal-overlay" ).fadeOut( "slow" , function(){
                $('.modal-overlay').remove() ;
            } ) ;
        });
    });
});

//list


$(function(){
    var slider = $('.modalContent_listMenu').slick();
    $('.js-modalMenuBtn').click(function(){
        slider.css('opacity',0);
        slider.animate({'z-index':1},300,function(){
            slider.slick('setPosition');
            slider.animate({'opacity':1});
        });
    });
});

//section03


$(function(){
$(".section03Modal").hide();
$(".js-modal03").click(function(){
    $( this ).blur() ;
    if( $( ".modal-overlay" )[0] ) return false ;
    $( ".section03Modal" ).after( '<div class="modal-overlay"></div>' ) ;
    $( ".modal-overlay" ).fadeIn( "slow" ) ;
    $( ".section03Modal" ).fadeIn( "slow" ) ;
    $( ".modal-overlay,.modalCloseBtn" ).unbind().click( function(){
        $( ".section03Modal,.modal-overlay" ).fadeOut( "slow" , function(){
            $('.modal-overlay').remove() ;
        } ) ;
    });
});
});




$(function(){
    var slider = $('.section03ModalList').slick();
    $('.js-modal03').click(function(){
        slider.css('opacity',0);
        slider.animate({'z-index':1},300,function(){
            slider.slick('setPosition');
            slider.animate({'opacity':1});
        });
    });
});

Comments

[x_x]

最低限提示コードで問題が再現するようにしてください