# Scroll Button
Front-end 국비지원 #052일
JQuery JQuery animate 1. Hover Cross Effect >결과 >hover를 하게되면 투명도가 있는 배경이 이미지에 십자가모양으로 이펙트를 주게된다. >HTML >CSS >Class Top , Bottom 의 그림설명 >- top은 넓이가 100%를 차지한다 높이는 50% 영역을 차지하고 하단에 위치한다. (위치가 헷갈릴듯.. 양해바람) >- bottom은 넓이 100%를 차지하고 bottom에서 50%위에 위치하니 상단에 위치한다. >Class Right , Left 의 그림
scroll arrow button으로 scroll을 제어해보자
Scrolling tab header의 전체 width를 넘어가면 tab header element는 어떻게 표현해야 할까에 대한 고민입니다. 단순히 생각하면 scroll bar를 생성하여 출력하면 되겠지만 기본 스크롤바는 보기 좋지도 않고 tab header의 height도 변경되어서 마음에 들지 않았습니다. 그래서 scroll bar를 생성하지 않고 scroll button으로 scrolling을 제어 하려고 합니다. 언제 scroll button이 생겨야 할까? scroll bar가 생성될 때 scroll button을 생성하면 됩니다. 그럼 scroll bar는 언제 생성되냐고 했을 때 clientWidth가 scrollWidth 작거나 같을때로 답할 수 있겠습니다. > clientWidth : scrollbar를 포함하지 않은 width scrollWidth : scrollbar를 포함한 width clientWidth와 scrollWidth는 overfl