아이프레임 트랙에 관한 도움입니다. 채택완료
<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으로 불러온 경우
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
아래의 내용을 참고 해보세요.
youngf.html 파일에 css 추가
트랙투명, 썸만 보이기
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #3498db;
border-radius: 10px;
}
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 webkit 이거 인터넷에 보고 해 봤는데 아무리 해도 변함이 없습니다.
저 코드를 어디에 삽입해야 하는지요..