JS로 마우스 스크롤하면 일부 섹션이 가로로 스크롤되게 구현한 적이 있는데요. 사용감이 너무 떨어져서 걷어냈습니다.

공유한 링크는 CSS를 이용한 접근인데요. 사용감에 문제가 없습니다.

다만, 맨 밑으로 스크롤하면 무조건 가로 스크롤도 맨 오른쪽으로 스크롤된다는 것을 염두해야 합니다.


인용한 X(구 트위터): https://x.com/yeoni/status/1807430129603543364?s=46&t=5CQzdUHoh70PxDTd9BciMw

순수 CSS 코드펜: https://codepen.io/tak-dcxi/pen/WNBMMyo

폴리필 예제: https://flackr.github.io/scroll-timeline/

폴리필 라이브러리: https://github.com/flackr/scroll-timeline

X

X (formerly Twitter)

X

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 7월 1일 오전 9:29

 • 

저장 2조회 905

댓글 0

    함께 읽은 게시물

    AI(LLM) 애플리케이션의 발전 속도가 AI 지능(능력)의 발전 속도를 따라가지 못하고 있는 상태가 되었다. 즉, 이제 AI가 부족한 것이 문제가 아니라, AI의 능력을 100% 활용하지 못하고 있는 것이 문제인 상태가 되었다는 이야기.

    조회 1,363


    개발자는 개발만 잘하면 될까

    최근에 친구가 추천해준 데일 카네기의 인간관계론을 읽던 중 고액 연봉을 받는 엔지니어들의 특징에 대한 흥미로운 내용이 있었다.

    ... 더 보기

     • 

    저장 14 • 조회 2,664


    어제 AI 시대의 개발자 토론회에서 내가 대 AI 시대에는 버전관리 시스템이 필요없을 수도 있다고 생각해야한다는 말을 했는데, 그정도로 파격적인 생각을 해야한다는 이야기긴했지만, 진짜 그럴까?를 다시 한 번 생각해봤다.


    우선 버전관리 시스템의 목적은 크게 다음 세 가지다.


    ... 더 보기

    조회 1,746



    투표 완료!


    Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들

    ... 더 보기

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

    product.kyobobook.co.kr

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

     • 

    저장 14 • 조회 1,390