미채택 완료
게시판 제목 헤더 영역 스크롤시 CSS 변경은 어떻게 하는 건가요?
게시판 페이지에서 스크롤 하면
list.skin.php 파일에서 #bo_btn_top 영역의 헤더 부분 CSS가 변경 되도록 하고 싶은데
스크립트 적용이 안되는 것 같습니다.
아래는 적용 시킬 기능입니다.
적용시킬 스크립트
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_shrink_header_scroll
|
답변 2개 / 댓글 3개
2023-03-01 (수) 12:04:37
Copy
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("container_title").style.fontSize = "16px";
} else {
document.getElementById("container_title").style.fontSize = "50px";
}
}
</script>답변에 대한 댓글 2개
oweowe
2023-03-01 (수) 12:56:42
이것도 안되는.. 캐시도 지우고 개발자도구에서 수정된 소스 코드도 적용되어있는데도 안되는 것 보면 뭔가 있는 것 같네요..흠;;
2023-03-01 (수) 15:07:50
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("bo_btn_top").style.fontSize = "16px";
} else {
document.getElementById("bo_btn_top").style.fontSize = "50px";
}
}
</script>
이것이 동작을 안 한다면 해당 보드스킨의 리스트가(list.skin.php) 아닐 수 있습니다.
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("bo_btn_top").style.fontSize = "16px";
} else {
document.getElementById("bo_btn_top").style.fontSize = "50px";
}
}
</script>
이것이 동작을 안 한다면 해당 보드스킨의 리스트가(list.skin.php) 아닐 수 있습니다.
멀티트리플
2023-03-01 (수) 11:53:25
해당부분의 아이디 값을 저기에 넣으시면 안되시나요?
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("ID값").style.fontSize = "30px";
} else {
document.getElementById("ID값").style.fontSize = "90px";
}
}
</script>
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.