티스토리 뷰
역시 오래된 소스입니다.
스크롤하면 따라다니는 레이어 소스
배너나 top 버튼으로 사용할수 있어요~
< 상단 스크립트 >
<!--
var stmnGAP1 = 200;
var stmnGAP2 = 4;
var stmnBASE = 250;
var stmnLEFT = 0;
var stmnActivateSpeed = 100;
var stmnScrollSpeed = 10;
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
else {
stmnRefreshTimer = stmnActivateSpeed;
}setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function InitializeStaticMenu()
{
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
STATICMENU.style.left = stmnLEFT;
}
-->
</script>
< body 부분 html >
<div id="STATICMENU" style="position:absolute; z-index:100;">
<!-- 컨덴츠 영역 -->
</div>
<script language="javascript">InitializeStaticMenu();</script>
'디자인 > htm,l css, js' 카테고리의 다른 글
HTML5 비디오 (0) | 2017.06.16 |
---|---|
jquery 슬라이드 배너 bxslide 옵션 정보 (0) | 2017.06.16 |
즐겨찾기 추가 html/js (0) | 2017.03.25 |
오래전부터 사용하던 아이템 슬라이더 입니다. (0) | 2017.03.25 |
스크롤시 따라다니는 배너/버튼 #1 (0) | 2017.03.25 |
Google HTML / CSS 스타일 가이드 (0) | 2017.03.24 |
HTML 태그 정리 (0) | 2017.03.24 |
a 대신 onclick=location.href 활용하기 (0) | 2017.03.24 |
- Total
- Today
- Yesterday
- 당뇨병 관리
- 애견수제간식추천
- 당뇨
- 창업
- 자유형
- 갤럭시S8
- 수제간식추천
- 강아지수제간식
- 블리자드
- 배낚시
- 디아블로
- 수영gif
- 아이언맨
- 스타크래프트
- 촬영
- 순실
- 낚시
- 수영교정
- 당뇨병
- 애견수제간식
- 헬스
- 오버워치
- 장례하는법
- 다이어트
- 반려견수제간식
- 강아지수제간식추천
- 쇼핑몰
- 삼성
- 윈도우10
- 당뇨병 치료
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |