질문드립니다

안녕하세요
저는 웹디자이너-퍼블리셔로 취업준비중으로 포폴만드는 중입니다

혼자 좀 갑갑한? 부분이 없지 않아 있어서요..

예를들어
마우스 휠로 이래저래 굴리면 이미지같은 것들이 위,아래로 살짝씩 움직인다던가 그런 효과들을 css에니메이션, 트렌지션으로 했는데 마우스 휠굴려야 움직여야 할 애들이 화면불러오자마자 떠서 플러그인같은 효과정보가 많은 사이트를 찾고 있습니다ㅠㅠ효과정보는 어디서 얻나요?

전체 1

  • 2017-11-06 11:02

    마우스 휠이나 스크롤바 포지션으로 엘리먼트를 움직이고 계시는 듯 한데 아무래도 위치 값에 반응하다보니 문서가 로딩되면 원래 위치에서 반응하려는 값으로 변경되면서 그런 듯 합니다.
    방법 중에 하나는 원래 기본 위치값을 css로 설정해놓으시거나 아니면 아예 화면 맨 아래서 부터 시작되게 css로 위치값을 안보이는 저~ 아래 (저 같은 경우는 translateY( 9999px)로 해놓고 로딩되면 아래에서 반응 위치로 가게 하는 겁니다.
    또는 이미지들을 display : none 해놓으시고 자바스크립트 중에 이미지가 로딩이 완료되면 그 때 이미지가 서서히 나타나게 합니다. 이러면 처음엔 안보이되 반응위치로 먼저 가있고 이미지가 로딩된 후 보이게 되면 껌뻑이는 현상이 좀 나아집니다.
    전 상황에 따라 두가지 혼용해서 사용합니다.