반응형
#스크롤시 따라다니는 wing 배너
$(window).scroll(function() {
var scrollY = $(document).scrollTop();
var minusY = $(".at-lnb").height() + $(".at-header").height();
//console.log(scrollY);
if (scrollY > minusY)
{
$(".wing-left , .wing-right").stop().animate({'top':fix를 원하는 수치만큼},600);
} else {
$(".wing-left , .wing-right").stop().animate({'top':'처음고정값'},600);
}
});
*css로 fixed 시키는 방법도 괜찮지만 간혹 디자인에 의해서 못시키는 경우 js로 해결가능
728x90
반응형
'JS & jQuery' 카테고리의 다른 글
아코디언 메뉴 (0) | 2022.01.17 |
---|---|
이미지맵 (0) | 2022.01.17 |
top 버튼& down 버튼 (0) | 2022.01.17 |
즐겨찾기 (0) | 2022.01.17 |
스크롤 제어 (0) | 2022.01.17 |