인프런 커뮤니티 질문&답변

이 영상 다다음에 트리거 만들어서 jQuery 작성해서 하는데, 자꾸 왜 작동을 안하지? 해서 계속 거기 해결하려고 시간을 많이 보냈었습니다.

알고보니 이 영상 15분쯤에 볼 수 있는 velocity.css 파일의 ::before 가상요소 때문이었습니다.

이게 너비 100%로 트리거를 덮고 있어서 아무리 트리거를 눌러도 작동을 하지 않았던 겁니다. before에 보더를 그려보면 한눈에 알 수 있습니다. 거기다 z-index까지 들어가 있으니 말 다했죠.

그래서 선생님께서 하신대로 content: '';를 주석처리 하든가 아니면 top 값을 높여 위치를 아래로 내려주던가 하면 트리거를 누르는데에 문제가 없어집니다.

분명 똑같이 했는데,  왜 나는 안되나 찾고 찾다가 이제 알게 됐습니다.

혹시 저처럼 이부분에서 헤매셨거나 그랬다면, 참고하여 시간 아끼시기 바랍니다. 

물론 이런 헤맴이 관찰력과 실력을 함께 끌어 올릴거라 생각은 합니다만, 저는 마음이 초조한지라 빨리 실력을 올리고 싶네요.

다들 잘하셔서 질문이 많이 없는 것 같습니다. 

읽어주셔서 감사합니다.