프론트엔드 개발자 프론트엔드 개발자

html > iframe > html 구조  오늘 상황iframe 내부의 html 스크롤 작업일반적으로 작업 한 scroll, scrollTo 다 안먹힘  window.parent.scrollTo  사용 해서 스크롤 됨 iframe에서 부모를 참조할 때 window.parent 또는 parent.window를 둘 다 사용 가능

html 타이틀 내용 1 내용2 버튼에 따른 이미지 출력 하기 js function anwerFunc(event){ const clickedLi = event.target.closest('li'); if(clickedLi){ const cliked = event.currentTarget; const arrList = cliked.querySelector..

html style .fixed { position: fixed; bottom: 0; } 작동 되어 야 하는 기능스크롤 하면 fixed 클래스의 컨텐츠가 따라와야 하고원하는 위치에서 컨텐츠가 고정 되어야 함 1차  document.addEventListener("scroll", function () { const productsList = document.querySelector("#products-list"); const productItem = document.querySelector(".Nproduct"); let targetPosition = productsList.getBoundingClientRect().top..

이미지를 클릭시 해당 위치로 이동 이미지에 스타일 적용 .gif-img {position: relative; margin-bottom:32px;} .gif-click{position: absolute; width: 100%; height: 20%; bottom: 0;} js 1번 const gifImg = document.querySelector(".gif-click"); const gifDocument = document.querySelector(".gif-img-content"); const gifDoc = gifDocument.offsetTop - 48; gifImg.onclick = function(){ window.scroll({top:gifDoc, behavior:'smooth}); } off..