30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
// 원본출처 http://blog.bits.kr/90 - 어떤 용도로도 자유로운 사용가능. 수정/배포도 마음대로..
|
|
// 수정 지운아빠 2013-04-30
|
|
$(function(){
|
|
var $win = $(window);
|
|
var top = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다.
|
|
|
|
/*사용자 설정 값 시작*/
|
|
var speed = 1000; // 따라다닐 속도 : "slow", "normal", or "fast" or numeric(단위:msec)
|
|
var easing = 'linear'; // 따라다니는 방법 기본 두가지 linear, swing
|
|
var $layer = $('#stv_list'); // 레이어 셀렉팅
|
|
var layerTopOffset = 0; // 레이어 높이 상한선, 단위:px
|
|
$layer.css('position', 'absolute');
|
|
/*사용자 설정 값 끝*/
|
|
|
|
// 스크롤 바를 내린 상태에서 리프레시 했을 경우를 위해
|
|
if (top > 0 )
|
|
$win.scrollTop(layerTopOffset+top);
|
|
else
|
|
$win.scrollTop(0);
|
|
|
|
//스크롤이벤트가 발생하면
|
|
$(window).scroll(function(){
|
|
yPosition = $win.scrollTop() - 223;
|
|
if (yPosition < 0)
|
|
{
|
|
yPosition = 0;
|
|
}
|
|
$layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});
|
|
});
|
|
}); |