오늘의 CODE

  • 홈
  • 태그
  • 방명록

scroll only css 1

scroll-snap-type / scroll-snap-align

scroll-snap-을 사용하면 사용자가 터치, 휠을 조작했을 때의 오프셋을 설정할 수 있음. scroll-container는 scroll snap 동작이 발생하는 영역을 의미함. .scroll-container { overflow:auto; scroll-snap-type: y mandatory; } .scroll-area { scroll-snap-align: start; } DEMO - https://codepen.io/tutsplus/pen/qpJYaK Scroll Snap Demo ... codepen.io scroll-snap-type snap position을 지정할 수 있는 축을 결정하는 scroll snap axis, 스냅의 엄격도를 지정하는 scroll snap strictness를 함께..

프론트엔드/css 2021.09.13
1
더보기
프로필사진

오늘의 CODE를 내일로 미루지 말자!!

  • 전체 (155)
    • 개발 환경 & 셋업 (8)
      • Setting Guide (8)
    • 프론트엔드 (97)
      • HTML (2)
      • css (40)
      • javascript (31)
      • React (9)
      • Vue.js (15)
    • 블록체인 & Web3 (7)
      • Block chain (4)
      • web3.js (3)
    • 에러 노트 (3)
      • 내가 만난 에러들 (3)
    • 이론 & 자료 정리 (20)
      • 개념 노트 (14)
      • 번역 아카이브 (6)
    • TIL & Practice (19)
      • Coding Practice (19)

Tag

Nuxt.js, Regex, 백엔드 도전기, docker 로컬 설치, 프로그래머스, 알고리즘, 콜백지옥, 비동기처리, package.json, 접두사 검색, authoptions, Blockchain, 카다인 알고리즘, 지지않아, JSON, spread operator, javascript example, 중복접두사, css, javascript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바