사이드 배너 스크롤시 움직이게

홈페이지에 사이드에 있는 배너
화면 아래로 스크롤 내리면 같이 내려오게 하는
소스 혹시 참고할만한곳 있을까요?

답변 좀 부탁드리겠습니다.
|

댓글 2개

jQuery 로

$(function() {

var $sidebar = $("#sidebar"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;

$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});

});

css 는

#sidebar {
width: 넓이 정하시고;
position: fixed;
margin-left: 왼쪽 마진 잡으시고;
}


맘에 드시는게 있으시면 아무거나 ctrl+c, v 하셔서 쓰시면 되요.
네이놈은 무엇이든 있습니다요~ ㅋㅋ

스크롤메뉴 로 검색해보세요.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
13년 전 조회 1,621
13년 전 조회 1,623
13년 전 조회 1,538
13년 전 조회 1,667
13년 전 조회 1,553
13년 전 조회 2,536
13년 전 조회 1,552
13년 전 조회 1,556
13년 전 조회 1,788
13년 전 조회 2,499
13년 전 조회 1,598
13년 전 조회 1,275
13년 전 조회 2,012
13년 전 조회 2,024
13년 전 조회 1,740
13년 전 조회 1,864
13년 전 조회 1,556
13년 전 조회 1,559
13년 전 조회 1,822
13년 전 조회 1,554