사이드 배너 스크롤시 움직이게 정보
사이드 배너 스크롤시 움직이게본문
홈페이지에 사이드에 있는 배너
화면 아래로 스크롤 내리면 같이 내려오게 하는
소스 혹시 참고할만한곳 있을까요?
답변 좀 부탁드리겠습니다.
화면 아래로 스크롤 내리면 같이 내려오게 하는
소스 혹시 참고할만한곳 있을까요?
답변 좀 부탁드리겠습니다.
댓글 전체
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 하셔서 쓰시면 되요.
$(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 하셔서 쓰시면 되요.
네이놈은 무엇이든 있습니다요~ ㅋㅋ
스크롤메뉴 로 검색해보세요.
스크롤메뉴 로 검색해보세요.