게시판 제목 헤더 영역 스크롤시 CSS 변경은 어떻게 하는 건가요? 채택완료
게시판 페이지에서 스크롤 하면
list.skin.php 파일에서 #bo_btn_top 영역의 헤더 부분 CSS가 변경 되도록 하고 싶은데
스크립트 적용이 안되는 것 같습니다.
아래는 적용 시킬 기능입니다.
적용시킬 스크립트
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_shrink_header_scroll
답변 2개
</p>
<p><script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};</p>
<p>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></p>
<p>답변에 대한 댓글 2개
// 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) 아닐 수 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
해당부분의 아이디 값을 저기에 넣으시면 안되시나요?
<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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인