테마를 바꾸고 몇가지 커스터마이징 하던 도중입니다. 근데...
들어가 보시면 보이는 유투브와 사운드클라우드 iframe 위에 커서를 대고 스크롤을 돌리면 스크롤이 내려가질 않네요.
https://www.google.co.kr/#q=iframe+can't+scroll
그래서 이렇게 검색해서 나온 글들 전부다 따라 해 봤지만 여전합니다.
어떻게 해야할까요?
인터넷 / 소프트웨어
:
윈도우즈, 리눅스, 기타 운영체제, 각종 어플리케이션, 프로그램, 소프트웨어, 인터넷, 인터넷 서비스에 대한 이야기, 소식, 테스트, 정보를 올리는 게시판입니다.
질문
2017.07.17 01:44
iframe 위에서 스크롤 안되는 문제
조회 수 2091
댓글 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
[질문]셀룰러망에서의 WireGuard 접속시의 속도가 비정상적으로 느려졌습니다. - 추가
외부에서의 홈네트워크 접근을 위하여 WireGuard로 VPN을 구성하여 요 근래까지는 유용하게 잘 써왔었습니다. 헌데 근래들어서 셀룰러망에서 접속하면 정상적인 사용이 불가능할 정도로 속도가 하락하는 문제가 발생하고 있습니다. 접... -
Read MoreNo Image
집 단자함 보고 놀랐습니다.
우선 제 집이라고 쓰긴하지만 부모님 명의의 집은 약 16년 정도 된 3X평형 아파트 입니다. 요즘 타워형 서타일이 아닌 일명 3베이 구형 아파트죠. 이 집으로 이사 올 때 전 따로 살고 있었고, 유선으로 인터넷 쓸 사람이 없어서 예전에 ... -
Read MoreNo Image
국내 1위 '디파이'서 22억 턴 그놈들, 7개월 전부터 치밀히 준비
국내 디파이(DeFi·탈중앙화 금융) 서비스에서 22억원 상당의 암호화폐를 빼돌리는 해킹 사건이 벌어졌다. 해외에선 이미 디파이 해킹 사례가 나오고 있지만, 국내 서비스가 해킹당한 건 이번이 처음이다. 해킹 수법은 ‘보더 게이트웨이 ... -
Read MoreNo Image
크롬 브라우저 기반 가상화폐 지갑을 노리는 악성코드
크롬 브라우저 기반 가상화폐 지갑을 노리는 악성코드 취약점인 Mars Stealer가 발견됐습니다. 2020 Oski 쉘을 기반으로 작동하며 용량은 95kb, WinAPI를 사용해 ASM/C로 제작됐고, 가상화폐 데이터를 훔친 후 스스로를 삭제합니다. 여기... -
Read MoreNo Image
윈도우에 문제가 있는데 해결법 아시는 분 계실까요?
윈도우 11을 사용중인데 다음과 같은 불편한 증상이 있습니니다. 1. 윈도우 재부팅 안됨. 윈도우를 재부팅을 하면 동그란 원만 돌고 꺼지지를 않습니다. 계속 기다려도 윈도우가 꺼지지를 않고 절전모드에 들어가버리는데 윈도우를 ... -
Read More
윈도 시스템 로캘을 UTF-8로 바꾸어 보았는데 잘 작동하네요
윈도11에서 파이썬 프로그래밍 하는데, 터미널에서 유니코드 지원이 제대로 안 되길래, 지역 설정에서 UTF-8을 활성화 해 보았습니다. 그랬더니 잘 작동하네요. 리눅스나 맥에서는 UTF-8이 기본인데 윈도는 그렇지 않아서 불편했거든요. ... -
Read MoreNo Image
트위터, 싫어요 버튼의 테스트를 확대
트위터가 '싫어요(Downvote)' 버튼의 테스트를 전 세계로 확대했습니다. 싫어요 버튼은 트윗을 보는 사람에게만 표시되며 외부에 공개되지 않습니다. 트윗 작성자는 싫어요가 얼마나 쌓였는지 모른다는 소리죠. 아직은 뭐가 필요... -
Read MoreNo Image
구글, 구글 워크스페이스에 무료 플랜을 추가
구글이 구글 워크스페이스의 무료 플랜인 에센셜 스타터 에디션을 추가했습니다. 기존 메일 주소를 등록하면 되며 신용카드 정보를 쓸 필요도 없습니다. 용량은 15GB입니다. G 스위트 무료 버전의 제공을 7월 1일자로 중단하면서 그 대안... -
Read More
국내 코인 "클레이스왑" 사이트 해킹 추정 피해 발생
국내 최대 규모 탈중앙화금융(DeFi·디파이) 서비스 '클레이스왑'에서 출처를 알 수 없는 지갑으로 이용자들의 자산이 비정상 전송되는 사고가 발생했다. 해당 지갑으로 이동된 피해 금액은 4억원 규모로 추정된다. 3일 클레이스왑 이용... -
Read MoreNo Image
인텔, DG2/알케미스트에 메시 쉐이더 지원을 추가
인텔이 벌칸 리눅스 드라이버에서 DG2/알케미스트 그래픽에 메시 쉐이더 지원을 추가했습니다. 메시 쉐이더는 NVIDIA가 2018년의 튜링에서, AMD는 RDNA2부터 도입했습니다. 인텔도 알케미스트부터 메시 쉐이더를 쓰려나 봅니다. -
Read MoreNo Image
한국, 애플의 써드파티 결제 수단 관련 정보가 부족함
애플은 인 앱에서 써드파티 결제 수단을 제공하겠다고 밝혔으나, 한국 방송통신위원회는 구체적인 내용이 부족하다고 지적했습니다. 관련 조례를 확정하기 전에 애플이 제출한 계획을 검토해야 하는데, 애플의 설명이 부족하다고 판단한 ... -
Read MoreNo Image
인도, 가상화폐 거래에 30%의 세금을 부과
인도가 가상화폐 거래에 30%의 세금을 부과하기로 결정했습니다. 가상화폐 거래를 전면 금지하겠다는 처음 방침에서는 많이 물러난 결정입니다. -
Read MoreNo Image
2016년 Bitfinex 해킹에서 나온 35억 5천만 달러 규모의 비트코인이 움직임
2016년에 가상화폐 거래소인 Bitfinex를 해킹해 훔쳐낸 94,643.29개의 비트코인이 23번의 거래를 거쳐 블랙리스트된 가상화폐 지갑에서 새로운 계정으로 전송됐습니다. 비트코인 고점이었을 때 이걸 팔았으면 65억 달러였고, 지금 시세대... -
Read MoreNo Image
비트코인 암호화를 해독하려면 19억 큐비트 양자 프로세서가 필요
양자 컴퓨터가 10년 안에 비트코인 암호화를 해독할 만큼 성능이 높아질거란 주장이 나왔습니다. 서섹스 대학과 마크 웨버의 공동 연구팀은 비트코인 암호화 해독에 19억 큐비트의 양자 프로세서가 필요하다고 계산했습니다. 비트코인은 S... -
Read MoreNo Image
3억 2400만 달러 규모의 가상화폐가 해킹됨
서로 다른 가상화폐 사이에 거래가 가능하도록 해주는 솔라나의 브릿지 서비스인 웜홀이 3억 2400만 달러 규모의 해킹을 당했습니다. 정확히는 12만개의 wETH를 뺐겼습니다. wETH는 이더리움을 다른 가상화폐와 거래할 수 있도록 맞춘 가...
카토메구미
--관련 옵션을 꺼봐도 똑같이 안되는거보니 그 이유는 아닌가봐요