우측 스크롤배너 특정값에서 스크롤 중지
본문
우측 스크롤 배너를 스크롤하다 보면 아래에 내용을 덮어버리더라구요
그래서 그 내용 위까지만 스크롤되게 하고 싶은데
아래해서 특정 몇픽셀 위까지만 스크롤 되게 하는 방법 없을까요?
js파일 보니 그리 어려운 js파일은 아닌거 같은데
초보에겐 어렵네요
/js/scroll_oldie.js
// 원본출처 http://blog.bits.kr/90 - 어떤 용도로도 자유로운 사용가능. 수정/배포도 마음대로..
// 수정 지운아빠 2013-04-30
$(function(){
var $win = $(window);
var top = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다.
/*사용자 설정 값 시작*/
var speed = 0; // 따라다닐 속도 : "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() - 123;
if (yPosition < 0)
{
yPosition = 0;
}
$layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});
});
});
답변 1
//스크롤이벤트가 발생하면 |
22 | $(window).scroll(function(){ |
23 | yPosition = $win.scrollTop() - 123; |
24 | if (yPosition < 0) |
25 | { |
26 | yPosition = 0; |
27 |
yPosition = '특정위치의 값'; } |
답변을 작성하시기 전에 로그인 해주세요.