<div class="lorem">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae voluptas voluptatum minus praesentium fugit debitis
at, laborum ipsa itaque placeat sit, excepturi eius. Nostrum perspiciatis, eligendi quae consectetur praesentium
exercitationem.
</div>
<script>
window.addEventListener('scroll', function () {
var docuScroll = document.scrollTop;
var docuHeight = document.windowHeight;
var docuclient = document.clientHeight;
// document.querySelector('html').scrollTop; //현재 웹페이지 스크롤양
// document.querySelector('html').scrollHeight; //현재 웹페이지 실제높이
// document.querySelector('html').clientHeight; //현재 웹페이지 보이는 높이임
const eventElem = document.getElementsByClassName('lorem')[0];
if (!docuScroll == 0) {
eventElem.classList.add('show');
} else {
eventElem.classList.remove('show');
}
})
</script>
스크롤 내리면 show 클래스 추가 올리면 제거 하려고 하는데 안되네요..ㅠㅠ
뭐가 문제일까요...ㅠㅠ
