본문 바로가기

Review/코드 리뷰2

position:sticky not working 이유 및 해결(overflow) sticky css 사용 중 해당 요소의 전체 부모 엘리먼트에 overflow:auto, overflow:scroll, overflow:hidden 이 있으면 sticky 되지 않음. 자세한 내용은 아래 블로그 참고. CSS Position Sticky 문제 해결하기 Sticky는 생각처럼 동작하지 않는 경우가 많습니다. 다음 체크리스트를 이용해 일반적인 트러블슈팅 방법을 알아봅시다. 원문 : https://www.designcise.com/web/tutorial/how-to-fix-issues-with-css-position-sticky-not-w itchallenger.tistory.com * Swiper 안에 sticky 해야 될 영역은 해결할 수 없음.... 방법 좀 알고 싶다. 2023. 7. 25.
[VSCODE] 로컬 작업 중 모바일로 페이지 확인하는 방법 live server host 반응형 작업을 할 때, 모바일 환경을 확인할 때는 크롬 개발자 도구를 통해 모바일 해상도에서 확인할 수 있다. 하지만, 모바일 디바이스를 통해 보는 것이 정확하기 때문에, 모바일로 확인할 수 있는 방법을 알아보자. 우선 Live Server 익스텐션을 설치한다. 설치 후 라이브서버를 눌러보면, 우측 뷰에 아래와 같이 나오는데, 설정 > 확장 설정을 선택한다. 확장 설정을 선택하면 아래와 같이 나오는데, 상단 검색 영역에 host 를 검색하여 내 로컬 IP 주소를 보면 127.0.0.1로 되어 있다. 이 호스트를 모바일에서 볼 수 있는 와이파이 주소로 바꿔준다. 내 IP 주소를 확인하려면 아래의 단계로 확인할 수 있다. 윈도우라면, 설정 > 네트워크 및 인터넷 > WIFI 로 들어가 IPv4 주소를 확인해.. 2023. 2. 15.
반응형