테마를 바꾸고 몇가지 커스터마이징 하던 도중입니다. 근데...
들어가 보시면 보이는 유투브와 사운드클라우드 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-Z, 라이젠 7000과 랩터레이크 지원
CPU-Z의 새 버전인 2.0.1이 나왔습니다. 라이젠 7000과 랩터레이크 13세대 코어 프로세서를 지원한다고 나와 있네요. 그리고 6GHz 이상의 높은 클럭을 검증하는 과정이 개선됐습니다. Glenfly Arise-GT10C0 GPU. Intel Core i9-12900T, Co... -
Read MoreNo Image
290만 달러 주고 산 첫번째 트윗의 NFT, 이제는 6222달러
트위터 공동 창업자, 잭 도시의 첫번째 트윗을 NFT로 만들어 경매에 부쳤더니 290만 달러에 팔렸습니다. 그리고 이 NFT를 NFT 장터에서 다시 판매하면서, 2500만 달러 이상에 팔릴 거라 기대하고 수익의 절반을 기부하겠다고 밝혔는데요. ... -
Read MoreNo Image
일론 머스크, 트위터를 410억 달러에 적대적 인수합병
뭐 그렇다고 합니다... 1주당 54.2달러씩 쳐서 인수한다네요... 아마 자신은 절대 블락 못하게 할 생각인거 같은데 말이죠... 이거 테슬라에 이제 트위터 클라이언트가 무조건 실리는게 아닌가... -
Read More
러시아군 정보가 신나게 탈탈 털리는 중
트랙터에게 끌려갈 운명을 가진... 부차학살과 연루된거 같은 러시아군의 1600명의 신상이 털렸습니다. 이름, 나이, 여권번호, 직장등등... 근데 이게 처음은 아닙니다. 러시아 연방의 FSB 데이터(?!)도 털렸습니다. 620명의 데이터... -
Read MoreNo Image
양자 컴퓨터에 털리지 않으려는 OpenSSH 9 발표
OpenSSH 가 9 버전을 내놨습니다. 본격적으로 양자컴에 털리지 않을려고 하는 목표로, 레거시 SCP/RCP 에서 SFTP 프로토콜로 이전합니다. 또한 암호도 새로 바꿨습니다. 격자 기반 암호로 암호화 하는 NTRU에서 생성한 소수 + x25519 ... -
Read More
요새 관공서는 무조건 앱으로 알림을 보내고 보는군요
우편이나 문자보다 앱을 통한 안내문 발송이 돈이 덜 들어가고, 효율적인 부분도 있다는 건 인정합니다만. 해당 앱을 안내문 확인용으로 쓰지를 않으며, 발송에 동의도 하지 않았는데 무조건 여기로 보냈다고 통보하는 건 참 못마땅하네요... -
Read More
구글 광고는 접속 기록만으로 결정되는 게 아닙니다
구글 광고에서 이상한 게 뜬다는 글이 올라오면 '니가 평소에 그런 걸 봐서 그렇지'라고 댓글을 쓰는 사람들이 많습니다. 기글 말고 다른 사이트 이야기입니다만. 애드센스가 표시할 광고를 정할 때, 사용자의 검색/접속 기록을 ... -
Read MoreNo Image
구글:iOS에서 PIP지원한다는거 사실 유튜브 아니었음ㅎㅎ
맥루머스에 따르면 구글은 유튜브에도 적용한다는 초기주장에서 물러서 iOS에선 유튜브TV만 PIP를 지원한다고 입장을 변경하였답니다. 유튜브 TV는 TV스트리밍을 위한 100% 유료서비스이니 구글의 입장에서도 iOS를 지원하면 안드도 무료... -
Read MoreNo Image
머스크, 트위터 지분 취득 재신고…“원하면 언제든 추가매입”
일론 머스크 테슬라 최고경영자(CEO)가 미 증권거래위원회(SEC)에 트위터 지분 취득 신고서를 다시 제출했다. 머스크는 여기에 ‘원하면 언제든 지분을 추가 매입할 수 있다’는 내용을 담았다 트위터는 이사회 일원이 회사 지... -
Read MoreNo Image
디링크 구형 라우터에 심각한 취약점이 존재, 폐기 권고
디링크(D-Link)의 일부 인터넷 공유기에 CVE-2021-45382 취약점이 존재합니다. 원격으로 명령을 실행하는 취약점인데, 공격자가 악성 코드를 넣어 액세스 권한을 획득할 수 있습니다. 여기에는 DIR-810L, DIR-820L/LW, DIR-826L, DIR-830L... -
Read MoreNo Image
일론 머스크의 트위터 이사 취임은 취소
트위터는 일론 머스크가 트위터의 이사로 취임한다고 발표했으나, 머스크가 이를 취소해 달라고 요청했다고 밝혔습니다. 일론 머스크는 따로 의견을 표명하지 않았습니다. 트위터의 대주주라는 점도 일단은 변함 없습니다. -
Read More
윈도우 11에 추가 예정인 새로운 보안 기능
윈도우 11에 피싱과 멀웨어를 막기 위한 새 보안 장치가 추가됩니다. 마이크로소프트 디펜더 스마트스크린은 비밀번호를 재사용하거나 평문으로 저장할 경우 경고를 표시합니다. 신뢰할 수 있는 사이트에서 새 계정을 만들 때 기존 비밀... -
Read More
유튜브 iOS PIP지원 예정
Following a lengthy testing period, YouTube's picture-in-picture support for iOS will begin rolling out in the next few days, allowing all users, including non-premium and premium subscribers, to close the YouTube app an... -
Read More
윈도우 11/10에 저장된 Wi-Fi 비밀번호를 찾는 방법
우선 현재 연결된 WiFi의 경우- 네트워크 연결 목록에서 상태를 누르고 속성을 누른 다음 보안에서 이걸 체크하면 비밀번호가 보입니다. 여기까지는 다들 아실테고, 윈도우에 저장됐지만 현재 연결되지 않은 WiFi의 비밀번호를 찾는 방법... -
Read More
라즈베리 파이 OS, pi를 버리다.
보안상 SSH 도 날려버린 Raspberry Pi OS 에서 불스아이로 업글하면서 pi 도 날렸습니다. 헤드리스 상에선 아예 처음부터 이렇게 굽거나, 부트 파티션에 userconf.txt 나 userconf 파일을 넣어야 합니다.
책읽는달팽
--관련 옵션을 꺼봐도 똑같이 안되는거보니 그 이유는 아닌가봐요