퀵매뉴 질문입니다.
관련링크
본문
// 원본출처 http://blog.bits.kr/90 - 어떤 용도로도 자유로운 사용가능. 수정/배포도 마음대로..
// 수정 지운아빠 2013-04-30
$(function(){
var $win = $(window);
var top = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다.
/*사용자 설정 값 시작*/
var speed = 500; // 따라다닐 속도 : "slow", "normal", or "fast" or numeric(단위:msec)
var easing = 'swing'; // 따라다니는 방법 기본 두가지 linear, swing
var $layer = $('#stv_list'); // 레이어 셀렉팅
var layerTopOffset = 300; // 레이어 높이 상한선, 단위:px
$layer.css('position', 'absolute');
/*사용자 설정 값 끝*/
// 스크롤 바를 내린 상태에서 리프레시 했을 경우를 위해
if (top > 0 )
$win.scrollTop(layerTopOffset+top);
else
$win.scrollTop(0);
//스크롤이벤트가 발생하면
$(window).scroll(function(){
yPosition = $win.scrollTop()+layerTopOffset;
$layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});
});
});
위와 같이 작업을 했는데요 제가 알고싶은것은 현재는 스크롤이 약간만 움직여도 퀵매뉴가 위로 슬금슬금 올라와버리는데 원래 퀵매뉴의 위치에서 더이상 올라오지 않게 하려면 어떻게 해야될까요?
제가 작업하고 있는 페이지는 여기 입니다. http://thewedd.com/shopping/shop/list.php?ca_id=10
답변 2
var layerTopOffset = 300; 를 0 으로 하면 될거에요
var layerTopOffset = 300; // 레이어 높이 상한선, 단위:px
이걸 지우시구요
$layer.css('position', 'absolute'); 요고 밑에
$layer.css('bottom', '0px');
요로케 해보세요.
답변을 작성하시기 전에 로그인 해주세요.