Magnific popup conflict with "jquery.nicescroll"

by 조쉬 posted Nov 07, 2018
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

html에 nicescroll을 적용시킨 상태에서 magnific popup을 켰다가 끄면 아래와 같이 스크롤이 중첩된다.

nicescroll은 선택된 대상을 overflow: hidden이 되도록 자동으로 변경되는데, magnific popup이 close될때 이 속성을 해제해버려서

원래 윈도우 스크롤이 다시 뜨게 된다.



해결 방법은 아래와 같다.



$('yourElement').magnificPopup({ ...your Popup configuration... });

//Add the following to your configuration:

callbacks: {
    afterClose: function() {
    $('html').css('overflow', 'hidden');

}

}