테마를 바꾸고 몇가지 커스터마이징 하던 도중입니다. 근데...
들어가 보시면 보이는 유투브와 사운드클라우드 iframe 위에 커서를 대고 스크롤을 돌리면 스크롤이 내려가질 않네요.
https://www.google.co.kr/#q=iframe+can't+scroll
그래서 이렇게 검색해서 나온 글들 전부다 따라 해 봤지만 여전합니다.
어떻게 해야할까요?
인터넷 / 소프트웨어
:
윈도우즈, 리눅스, 기타 운영체제, 각종 어플리케이션, 프로그램, 소프트웨어, 인터넷, 인터넷 서비스에 대한 이야기, 소식, 테스트, 정보를 올리는 게시판입니다.
질문
2017.07.17 01:44
iframe 위에서 스크롤 안되는 문제
조회 수 2107
댓글 14
-
-
검색해서 나온 내용중에 비슷한 내용이 있었던 것 같은데...
https://stackoverflow.com/questions/12021896/cant-get-my-iframe-to-scroll
여기 세번째 답변이네요. 제시한 제안들 전부 시도해 본 것들이지만 먹히지 않았네요(...) -
CSS 만져도 안 되는 데다 이전에 쓰던 테마는 별도 CSS 추가 없이도 잘 되는거 보면 테마 코드 차원의 문제일까 싶기도 하네요.
-
커스텀 스크롤바를 만들어주는 nicescroll 플러그인이
onmousewheel 이벤트를 외부 도메인 iframe에는 전달할수 없어서 생기는 문제 같은데요,
가장 간단한 방법은 nicescroll 플러그인을 제거하고 기본 스크롤바를 사용하는 것이겠네요. -
음.. 제 플러그인 목록에는 나이스 스크롤이 없는데 테마 내장인가보네요
삽질 해봐야겠습니다 감사합니다! -
으어어.. 소스를 다 뒤져봐도 관련 코드를 찾을 수가 없네요. F12에서는 코드가 보이는데..
그냥 포기해야겠습니다 ㅋㅋ -
/wp-content/themes/radix/includes/js/plugins.min.js
이 파일에서
/* jquery.nicescroll 3.6.0 InuYaksa*2013 MIT http://areaaperta.com/nicescroll */
이 주석 밑으로 다 지우시면 될거 같은데요 -
아 그러고보니 깃허브를 진작에 뒤졌으면...
집에 가서 한번 시도해보겠습니다 감사합니다 ㅠㅠ
+
그냥 포기해야겠습니다 ㅋㅋ 지워도 안되네요 -
번번히 죄송합니다 ㅇㅂㅇ...
https://github.com/inuyaksa/jquery.nicescroll/issues/322
iframehelper 라는 스크립트를 개발자분이 따로 만들어두신거 같고, Jeeosch 이분이 작동을 확인하신거 같은데..
https://github.com/inuyaksa/jquery.nicescroll/blob/master/jquery.nicescroll.iframehelper.js
이걸 어떻게 활성화시키나요?
+
테마 내부에 Additional JavaScript 란에다가 jQuery.getScript("/wp-content/themes/radix/includes/js/dev/plugins/jquery.nicescroll.iframehelper.js"); 이걸 집어넣었더니
/* <![CDATA[ */
(function($){ /* standard on load code goes here with $ prefix */ jQuery.getScript("/wp-content/themes/radix/includes/js/dev/plugins/jquery.nicescroll.iframehelper.js"); })(jQuery);
/* ]]> */
이렇게 소스가 뜨긴 하는데 이상하게 빨간글씨로 뜨네요. 로딩이 안 된거 같.. -
찾으신 코드는 '동일한 도메인'의 iframe에 직접 스크립트를 추가해서 적용하는 방법입니다.
Youtube 같은 '외부 도메인'의 iframe에는 스크립트 추가도 못하고 외부 스크립트가 접근 자체를 못합니다.
그냥 nicescroll 을 제거하시는게 정신건강에 좋을듯 하네요. -
아하.. 감사합니다.
/wp-content/themes/radix/includes/js/plugins.min.js 여기에 있던 관련내용 삭제하고
/var/www/wordpress/wp-content/themes/radix/includes/js/dev/plugins/jquery.nicescroll.js 파일도 삭제했는데도 계속 뜨는 걸 보면 아무래도 다른 쪽에 소스가 있나봐요. 못 찾으면 포기하죠 뭐 ㅋㅋ -
보니까 plugins.min.js에 있는거는 라이브러리고 실행하는 부분은 scripts.min.js에 있는거 같네요.
/wp-content/themes/radix/includes/js/scripts.min.js
o("html").niceScroll({scrollspeed:60,mousescrollstep:38,cursorwidth:10,cursorborder:0,autohidemode:!1,zindex:99999,horizrailenabled:!1,cursorborderradius:0}),
이 부분도 지우셔야겠네요. -
아 거기도 있군요
웹에서 본 소스랑 좀 다른 모양새이긴 한데... 함 해보겠습니다. -
오오 됩니다! 감사합니다!!
작성된지 4주일이 지난 글에는 새 코멘트를 달 수 없습니다.
--관련 옵션을 꺼봐도 똑같이 안되는거보니 그 이유는 아닌가봐요