아이프레임 트랙에 관한 도움입니다.
본문
<iframe src="./youngf.html"
width="100%" height="800" scrolling="yes"
style="margin:0px;border=;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;padding-bottom: 30px;"></iframe>
이런 코드로 아이프레임으로 불러 왔는데 옆 스크롤바에 트랙 부분을 색상을 바꾸고 싶습니다.또는 투명하게
하여 썸만 보이게 하고 싶은데 어떤 코드를 넣어야 될지 여러번 삽질중입니다.
현재 이렇게 되어 있는데 이 스크롤바를
아래 처럼 보이게 하고 싶습니다.
고수님들의 도움 좀 부탁드립니다.
답변 2
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #1f1f1f;
}
::-webkit-scrollbar-thumb {
background: #ff4e4e;
border-radius: 5px;
}
스크롤 바꾸는 소스에요
위에 코드 보니 같은 도메인인 것 같으니 동작하는데
다른 도메인은 동작 안해요
예) a홈페이지에서 b홈페이지를 iframe으로 불러온 경우
네 맞습니다 같은 도메인..
그런데 webkit 이거 인터넷에 보고 해 봤는데 아무리 해도 변함이 없습니다.
저 코드를 어디에 삽입해야 하는지요..
도움주셔서 감사합니다.~~
아래의 내용을 참고 해보세요.
youngf.html 파일에 css 추가
트랙투명, 썸만 보이기
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #3498db;
border-radius: 10px;
}
많은 도움 되었습니다. 감사합니다.
