Scrollify - 모달을 열었을 때 섹션 스크롤을 사용하지 않음

내 웹 사이트에서 https://projects.lukehaas.me/scrollify/을 사용하고 있으며 모달을 연 후 스크롤 기능을 사용 중지하는 데 문제가 있습니다. 저는 표준 onclick 액션을 사용하여 모달을 열어 무언가를 주입 할 수 있지만 무엇이 확실하지 않습니다.Scrollify - 모달을 열었을 때 섹션 스크롤을 사용하지 않음

이 내 Scrollify 초기화입니다 :

jQuery.scrollify({ 
section : ".vc_section", 
sectionName : "section-name", 
interstitialSection : "", 
easing: "easeOutExpo", 
scrollSpeed: 2000, 
offset : 0, 
scrollbars: true, 
standardScrollElements: "footer", 
setHeights: true, 
overflowScroll: true, 
updateHash: false, 
touchScroll: true, 
before:function(i,panels) { 
var ref = panels[i].attr("data-section-name"); 
if(ref === "first") { 
    jQuery("#hero-container").removeClass("hidden"); 
} 

if(ref === "second") { 
jQuery("#hero-container").addClass("hidden"); 
} 
}, 
after:function() {}, 
afterResize:function() {}, 
afterRender:function() {} 
});

가 그럼 난 간단한 온 클릭 함수에 의해 모달 전화 :

jQuery('.schedule-visit-toggle, .schedule-visit-toggle a').on('click touchstart', function(evt) { 
    evt.stopPropagation(); 
    evt.preventDefault(); 

    jQuery('#schedule-visit-modal').foundation('open'); 
});

출처

2017-03-02 Keith Petrillo

이미 시도했거나 이미 가지고있는 것에 예제 코드를 게시하면 도움이 될 것입니다. –

내 질문이 업데이트되었습니다. –

전화 $.scrollify.disable()는 Scrollify을 해제 할 수 있습니다.

출처

2017-03-03 10:12:20

그래서 간단한 내가 그것을 건너 뛴, 감사합니다! –

나는 그것을 어쨌든 기회를 제공하기 위해 노력할 것입니다 ..

나는 모달이 표시되지 않을 때 그것의 CSS 안에 display: none;을 가지고 있다고 생각한다.

그래서 당신이 할 수있는 것은 :

if ($('#yourModalID').css('display') === 'none') { 
    scrollify 
} else { 
    do not scrollify 
});

은 작동하지 않습니다 수 있지만,해볼 가치 모달가 열릴 때 ..

출처

2017-03-02 20:05:03

시도해 볼 수는 있지만 기본적으로 다시 초기화 할 필요는 없습니다. 조건문입니다. 모달을 전환 할 때? –

당신이 추가 할 수 있습니다 :'else ($ ('yourModalID') .css ('display')! = '없음') {scroll notify}'-> 대답 수정 됨 –

아마 작동하지 않습니다. –

Scrollify - 모달을 열었을 때 섹션 스크롤을 사용하지 않음

답변

관련 문제