오늘본상품 고정위치 정보
오늘본상품 고정위치본문
오늘본상품이 스크롤에 따라 아래위로 막 움직이면 정식이 없드라구요...
11번가 처럼 오른쪽상단에 딱 고정되어서 따라다니게 하려고 하는데요
shop/boxtodayview.inc.php에서 움직이는 것과 관련된 아래와 같은 스크립트찾았서
이리저리 수정해봐도 원하는데로 잘 되지 않더군요..
혹시 구현해보신분 있으면 도움 부탁드립니다.
<script type="text/javascript">
$(document).ready(function(){
var currentTop = parseInt($("#divToday").css("top"));
$(window).scroll(function() {
$("#divToday").stop().animate({"top": $(window).scrollTop()+currentTop+"px"}, 1000);
});
});
</script>
11번가 처럼 오른쪽상단에 딱 고정되어서 따라다니게 하려고 하는데요
shop/boxtodayview.inc.php에서 움직이는 것과 관련된 아래와 같은 스크립트찾았서
이리저리 수정해봐도 원하는데로 잘 되지 않더군요..
혹시 구현해보신분 있으면 도움 부탁드립니다.
<script type="text/javascript">
$(document).ready(function(){
var currentTop = parseInt($("#divToday").css("top"));
$(window).scroll(function() {
$("#divToday").stop().animate({"top": $(window).scrollTop()+currentTop+"px"}, 1000);
});
});
</script>
댓글 전체
css 하고 jQuery 를 같이 사용하셔서 가장 간단하게 할 수 있는 방법이:
윈도우 position 에 따라 class 를 더해주고 빼고 하셔셔 할 수 있습니다. 자스의 if else 로 css 의 position: fixed class 를 더했다 뺐다 하는거죠.
$(window).scroll(function () {
if ($(window).scrollTop() >= 88) {
$('#navigation').addClass('fixed');
} else {
$('#navigation').removeClass('fixed');
}
});
디자인이 footer 하고 겹칠일은 없어 보이니 이렇게 간단하게만 하셔도 될 것 같네요.
눈으로 직접 보셔야 이해가 되실 것 같으시면,
http://hackya.com/
제 사이트 상단 메뉴와 오른쪽 광고 배녀를 보시면 됩니다. 그런데 다른 질문을 보니까 css 를 잘 모르시는 것 같은데, css 를 약간은 이해를 하셔야 구현하시는데 도움이 되실 것 같습니다.
윈도우 position 에 따라 class 를 더해주고 빼고 하셔셔 할 수 있습니다. 자스의 if else 로 css 의 position: fixed class 를 더했다 뺐다 하는거죠.
$(window).scroll(function () {
if ($(window).scrollTop() >= 88) {
$('#navigation').addClass('fixed');
} else {
$('#navigation').removeClass('fixed');
}
});
디자인이 footer 하고 겹칠일은 없어 보이니 이렇게 간단하게만 하셔도 될 것 같네요.
눈으로 직접 보셔야 이해가 되실 것 같으시면,
http://hackya.com/
제 사이트 상단 메뉴와 오른쪽 광고 배녀를 보시면 됩니다. 그런데 다른 질문을 보니까 css 를 잘 모르시는 것 같은데, css 를 약간은 이해를 하셔야 구현하시는데 도움이 되실 것 같습니다.
상세한 설명글도 있습니다. 그리고 직접 하시기 힘드시면 플러그인도 존재합니다. (사실 그냥 플러그인 쓰셔도 참좋은.....)
플러그인, 방법 설명, 은 아래 페이지.
http://hackya.com/ko/조건문으로-div-에-class-붙이기/
플러그인, 방법 설명, 은 아래 페이지.
http://hackya.com/ko/조건문으로-div-에-class-붙이기/
