📌 강력한 CSS 가상 클래스 :has()

Firefox 121.0 버전이 출시되면서 모든 최신 브라우저에서 :has()를 사용할 수 있게 됐습니다.


소개드리는 블로그에서는 :has()를 스크롤을 막는 실용적인 용도로 사용하라고 권하고 있습니다. 모달 창을 띄웠을 때 뒷 배경의 스크롤을 막는 용도로 쓸 수 있습니다. 너무 쉽고 명료해서 강력하다는 말이 절로 나오네요.


https://robbowen.digital/wrote-about/locking-scroll-with-has/

Locking scroll with :has() - Robb Owen

Robb Owen Digital

Locking scroll with :has() - Robb Owen

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

또는

이미 회원이신가요?

2023년 12월 21일 오후 12:22

 • 

저장 28조회 4,708

댓글 0

    함께 읽은 게시물

    직장인으로서 10년 정도 일하게 되면 피할 수 없는 순간이 바로 조직에서 리더의 역할을 받게 되는 인사발령이다. 팀원이었을 때는 내게 주어진 업무를 내가 가진 능력과 주변 동료들의 도움으로 해결하고, 그에 합당한 평가와 보상을 기다리며, 나쁘지 않는 리워드와 내 위치에 안도하며 또 새해를 맞이하고 하루하루를 버텨나가는 과정에 큰 어려움이 없다.

    ... 더 보기

     • 

    저장 3 • 조회 729


    🌎 해외에서 일하면 뭐가 좋을까요❓

    외국어를 사용해서? 돈을 더 많이 벌어서? 새로운 기회가 많아서? 글로벌 경력을 쌓을 수 있어서?

    ... 더 보기

    iOS 19가 아니라 이제 iOS 26?

    ... 더 보기

    No iOS 19: Apple Going Straight to iOS 26

    MacRumors

    No iOS 19: Apple Going Straight to iOS 26

    [광고] 다음 직무 채용 예정입니다.


    - 프러덕트/사업 기획 1인

    - 프러덕트 디자인 1인

    ... 더 보기

    < 서비스를 중독성 있게 만드는 결정적 원리 >

    1. 진통제이면서 비타민이어야 한다.

    ... 더 보기

    PM이 이해하면 좋은 지표 개념

    프로덕트 매니저(PM)로 일하면서 늘 지표 이야기를 듣게 됩니다. 대부분 PM은 선행지표(leading indicator)와 후행지표(lagging indicator)의 개념을 잘 이해하고 있습니다. 하지만 선행지표에 영향을 미치는 '인풋(input) 지표, '아웃풋(o

    ... 더 보기

     • 

    댓글 1 • 저장 37 • 조회 1,458