테마를 바꾸고 몇가지 커스터마이징 하던 도중입니다. 근데...
들어가 보시면 보이는 유투브와 사운드클라우드 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주일이 지난 글에는 새 코멘트를 달 수 없습니다.
-
Read MoreNo Image
알리발 'CPU' 대량 압류?…세관, '언더밸류' 혐의 조사
중국 최대 전자상거래 사이트 알리익스프레스(이하 알리)를 통해 해외직구로 들어온 컴퓨터 중앙처리장치(CPU) 제품들이, '언더밸류'를 이유로 세관에 대거 압류돼 조사받고 있는 것으로 드러났다. 통화 속 세관 관계자는 "판매자... -
Read MoreNo Image
‘인터넷 주민번호’ 아이핀도 뚫렸다!
아이핀을 발급한 운영 업체에서 인증 절차에 문제가 있었던 것으로 KBS 취재 결과 확인됐습니다. 1단계와 2단계에서 확인됐던 개인 정보가 각각 다른 사람의 것인데도, 아이핀이 발급되는 허점이 있었습니다. 1, 2단계 정보가 일치하는지... -
Read More
페이스북(메타), '생성-AI(인공지능)' 기반 오픈 소스 언어 모델의 신규 버전 발표(LlaMA-3)
▶ 페이스북(메타), '생성-AI(인공지능)'의 오픈 소스 언어 모델 신규 버전 발표 - 차세대 '오픈 소스 언어 모델'의 신규 버전(LlaMA) : LlaMa-3 - 신규 버전의 추가 포함 기능(LlaMA-3) : LlaMa-Guard II, 코드 쉴드, CyberSec-Eval II(... -
Read MoreNo Image
챗GPT가 최신 취약점을 활용해 공격할 수 있음
챗GPT 같은 LLM이 1일 취약점(발표 다음날 바로 패치가 필요할 정도로 위험한 취약점)을 활용해서 공격할 수 있다고 합니다. 15개의 1일 취약점 데이터 세트를 구해서 시켜 봤더니 GPT-4는 취약점의 87%를 써먹었다고 하네요. 설명이 없었... -
Read MoreNo Image
리눅스 Nouveau 드라이버 관리자가 NVIDIA에 합류
10년이 넘도록 리눅스 커널용 오픈소스 NVIDIA GPU 드라이버인 Nouveau의 수석 관리자로 일했던 Ben Skeggs가 NVIDIA에 입사했습니다. 이 사람은 2013년 9월 18일에 원래 직장이던 레드햇에서 퇴사하면서 오픈소스 드라이버 개발에서도 손... -
Read MoreNo Image
유튜브, 광고 차단 앱 사용시 불이익
유튜브는 광고 차단 앱을 비롯해 서비스 약관을 위반하는 써드파티 앱을 사용하는 시청자는 동영상을 재생할 때 버퍼링이 발생하거나 영상 표시가 안 될 수 있다고 공지했습니다. 유튜브가 광고 차단을 차단하는 건 이해가 되지만 그 전에... -
Read MoreNo Image
리누스 토발즈, 탭 vs 스페이스에서 뭘 쓰든간에 파싱은 되어야 되잖아!
리누스 토르발즈의 모든 행동은 아시다시피 뉴스거리가 됩니다. 지난주 커밋에서는 탭 문자를 공백으로 대체하여 한 줄에서 정확히 한 가지만 변경했습니다. "Kconfig 파서가 오류 없이 파일을 읽는 데 도움이 됩니다." Torvalds는 The ... -
Read More
하아 유튜브.. 또 무슨 삽질이니..
또디자인 바꾼다고 저러는건지 정신놓고 있는것 같습니다. 전체화면이나 영화관모드 등의 버튼이 UI 가 씹혀서 안보여요; 그리고 얼마전부터 플레이어 비율이 영상 비율대로 안가는 바람에, 가끔 이런식으로 자막이 깔리는 부분... -
Read MoreNo Image
엑셀시트 비밀번호 얼마나 강력한가요
자작한 스프레드시트 하나를 열기 보호하고 싶은데요 예전 엑셀은 zip파일로 압축해서 메모장 열고 sheet protection 부분만 지우면 보호가 멀끔히 사라져 있으나 마나했는데요 요즘 엑셀 버전은 꽤나 강력한지 못 푸는거 같은데 이것도 ... -
Read MoreNo Image
광섬유로 301Tb/s 전송에 성공
Aston 대학 연구팀이 영국 가정의 평균 광대역 속도인 69.4Mb/s보다 450만배 빠른 301Tb/s로 데이터 전송에 성공했습니다. 광섬유에서 사용하지 않던 새로운 파장 대역을 활용해서 전송했기에, 기존 광섬유 네트워크를 활용할 수 있다는 ... -
Read MoreNo Image
'카카오-라인' 통합 브랜드로 亞 1위 블록체인 도전장
카카오와 라인(네이버 계열사)에서 출발한 두 블록체인 프로젝트 '클레이튼'과 '핀시아'가 하나로 통합된 브랜드로 아시아 시장 선점에 나선다. 13일 블록체인 업계에 따르면 클레이튼·핀시아 재단은 오는 30일 ... -
Read MoreNo Image
일론 머스크, X의 신규 가입자 대상으로 유료화?
일론 머스크는 X(트위터)의 신규 가입자가 글을 쓸 때 약간의 돈을 내도록 하는 것이 봇을 막는 유일한 방법이라고 말했습니다. 지금 AI나 봇은 캡차를 쉽게 뚫을 수 있다는 말도 덧붙였습니다. -
Read MoreNo Image
로켓레이크에서 윈도우 11 업데이트 에러가 해결됨
11세대 코어 프로세서, 로켓레이크에서 윈도우 11의 업데이트 실행을 방해하는 버그가 마침내 해결됐습니다. 로켓레이크의 인텔 스마트 사운드 테크놀러지 드라이버가 윈도우 11에서 블루스크린 충돌을 일으켰던 것이 그 이유입니다. 문제... -
Read More
윈도우 98용 앱을 95로 포팅하는데 성공
윈도우 98의 닷넷 프레임워크를 윈도우 95에서 쓸 수 있게 포팅해, 윈도우 98용으로 출시된 여러 앱을 윈도우 95에서 실행하는데 성공했습니다. 98 초창기에는 딱히 98에서만 되는 앱은 없었던 것 같은데 기억이 가물가물 하네요. 그때만... -
Read More
483바이트 용량의 레이 트레이싱 데모
483바이트 용량의 레이 트레이싱 데모입니다. 용량이 작고 그래픽이 단순해서 펜티엄 프로(1995년에 나옴) 이상 CPU면 실행 가능합니다. 2개의 구체가 화면 가까이로 다가오며, 하늘과 두 공 사이에 반사된 이미지가 공 표면에 보여집니다.
책읽는달팽
AKG-3
--관련 옵션을 꺼봐도 똑같이 안되는거보니 그 이유는 아닌가봐요