[해피CGI][cgimall] 스크롤내렸을때 나타나는 Scrollup 2.0.0

위 버튼을 클릭후 스크롤을 내리면 아래와 같은 다양한 모양을 가진 Top 링크값의 스크롤 소스가 출력되게 됩니다.

 

 

 

<link id="scrollUpTheme" rel="stylesheet" href="css/themes/tab.css">
<link id="scrollUpTheme" rel="stylesheet" href="css/themes/image.css">
<link id="scrollUpTheme" rel="stylesheet" href="css/themes/link.css">
<link id="scrollUpTheme" rel="stylesheet" href="css/themes/pill.css">

위 css 에 각각의 모양을 담아둔 css 값이 적용되어있으며, 각각 사용하시고자 하는 css 를 호출하도록 하는 소스와

jquery 에서 css 를 호출하는 함수값을 이용하여 적용이 가능합니다.

$('#scrollUpTheme').attr('href', 'css/themes/pill.css?1.1');
$('#scrollUpTheme').attr('href', 'css/themes/link.css?1.1');
$('#scrollUpTheme').attr('href', 'css/themes/image.css?1.1');
$('#scrollUpTheme').attr('href', 'css/themes/tab.css?1.1');