HTML 코딩 질문좀요 ㅠㅠ
-
게시물 수정 , 삭제는 로그인 필요
<평소상태>
<스크롤 내렸을시>
<script>
var headerWrap = document.getElementById('header_wrap_outer');
let fonts=document.querySelectorAll("#header_wrap_outer font");
window.onscroll = function() {
if (window.pageYOffset > 0) {
fonts.forEach(e=>e.style.color="white");
headerWrap.style.backgroundColor="black";
} else {
fonts.forEach(e=>e.style.color="black");
headerWrap.style.backgroundColor="white";
}
};
</script>
<style>
#header_wrap.scrolling {
background-color: black; // 스크롤이 내려갔을 때의 배경색 설정
}
#header_wrap {
transition: background-color 0.5s; // 배경색 변경이 부드럽게 보이는 기능
background-color: white; // 스크롤이 맨 위로 올라갔을 때의 배경색
}
</style>
여기까지 는 했는데 스크롤 내렸을때 로고가 보이지 않아서 새로 하나더 넣고싶은데 여러가지해봤는데 안되서요ㅠㅠ 도움좀 부탁드립니다 ㅠ
<스크롤 내렸을시>
<script>
var headerWrap = document.getElementById('header_wrap_outer');
let fonts=document.querySelectorAll("#header_wrap_outer font");
window.onscroll = function() {
if (window.pageYOffset > 0) {
fonts.forEach(e=>e.style.color="white");
headerWrap.style.backgroundColor="black";
} else {
fonts.forEach(e=>e.style.color="black");
headerWrap.style.backgroundColor="white";
}
};
</script>
<style>
#header_wrap.scrolling {
background-color: black; // 스크롤이 내려갔을 때의 배경색 설정
}
#header_wrap {
transition: background-color 0.5s; // 배경색 변경이 부드럽게 보이는 기능
background-color: white; // 스크롤이 맨 위로 올라갔을 때의 배경색
}
</style>
여기까지 는 했는데 스크롤 내렸을때 로고가 보이지 않아서 새로 하나더 넣고싶은데 여러가지해봤는데 안되서요ㅠㅠ 도움좀 부탁드립니다 ㅠ
#html 코딩 #html 코딩 사이트 #html 코딩 프로그램 #html 코딩 밈 #html 코딩 연습 사이트 #html 코딩 컨벤션 #html 코딩 ai #html 코딩 테스트 #html 코딩 기초 #html 코딩 디시
