common.css (448B)
1 body { 2 margin: 0; 3 } 4 5 #scroller { 6 position: absolute; 7 width: 400px; 8 height: 400px; 9 overflow: scroll; 10 padding: 0; 11 12 scroll-snap-type: both mandatory; 13 } 14 15 .snap { 16 position: absolute; 17 width: 200px; 18 height: 200px; 19 background-color: blue; 20 21 scroll-snap-align: start; 22 } 23 24 #space { 25 position: absolute; 26 width: 1000px; 27 height: 1000px; 28 } 29 30 .left { 31 left: 0; 32 } 33 34 .top { 35 top: 0; 36 } 37 38 .right { 39 left: 400px; 40 } 41 42 .bottom { 43 top: 400px; 44 }