[portfolio]첫번째 시행착오

첫 포트폴리오 사이트를 제작하면서 욕심이 생겼다.

디자이너는 아니지만 뭔가 퀄리티 있는 사이트를 만들고 싶어졌다.

디자이너의 감과 실력이 없는 내게 걸어볼 만한 승부수는 디테일이었다.

스크롤을 내릴때 자석처럼 딱딱 걸리게 하는 scroll-snap 속성을 넣었는데

작동을 하질 않았다.

분명 부모 태그에 

scroll-snap-type: y mandatory;

자식 태그에

scroll-snap-align: center; // start나 다른 위치도 가능

을 넣으면 된다고 들었는데 아무리 해봐도 적용이 안된다.

 

구글링을 해봤다.

이런 식의 바디태그에 스크롤바를 없애라는 글들만 가득했다.

예상대로 스크롤바를 없애니 내리지도 올리지도 못하는 상황이 되어버렸다.

조금 더 찾아봤다.

그때 찾아본 글을 찾지못해서 다른 글의 이미지로 대체했다.

아하 왜 이 생각을 못했을까?

html태그는 모든 태그의 부모태그이다.

그러니 쟤한테 직접 넣어버리면 해결되는 문제였다.

잘 작동한다.

 

깃허브 : https://github.com/10000sun

GitHub - 10000sun/bike-accident

현 작업물 : https://10000sun.github.io/portfolio/

이우승 포트폴리오