우측 오늘본 상품 상단에 딱 붙이기
별건 아니고 오늘본 상품 움직임 없이 딱 달라붙게해서
움직이지 않는 것처럼 보이는 효과 입니다..
js/scroll_oldie.js 를 아래 소스로 대체 하시면 됩니다.
적용 사이트
http://hanguzhigou.cafe24.com/
[CODE]
jQuery(function($) {
var quick_offset_top = jQuery('#stv_list').offset().top;
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop();
var qtop = '0';
if (scroll_top > quick_offset_top) {
$('#stv_list').css({ 'position': 'fixed', 'top':'5px','z-index':'999' });
} else {
$('#stv_list').css({ 'position': 'absolute', 'top':qtop,'z-index':'999' });
}
};
sticky_navigation();
$(window).scroll(function() {
sticky_navigation();
});
})
[/CODE]
움직이지 않는 것처럼 보이는 효과 입니다..
js/scroll_oldie.js 를 아래 소스로 대체 하시면 됩니다.
적용 사이트
http://hanguzhigou.cafe24.com/
[CODE]
jQuery(function($) {
var quick_offset_top = jQuery('#stv_list').offset().top;
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop();
var qtop = '0';
if (scroll_top > quick_offset_top) {
$('#stv_list').css({ 'position': 'fixed', 'top':'5px','z-index':'999' });
} else {
$('#stv_list').css({ 'position': 'absolute', 'top':qtop,'z-index':'999' });
}
};
sticky_navigation();
$(window).scroll(function() {
sticky_navigation();
});
})
[/CODE]
댓글 6개
10년 전
좋네요.. 여러모로 유용하게 사용하겠습니다.
10년 전
감사합니다 ^^
10년 전
유용하게 사용하겠습니다..!
10년 전
잘사용하겠습니다. 꾸벅~
runga
10년 전
감사합니다!
9년 전
감사합니다
게시글 목록
| 번호 | 제목 |
|---|---|
| 1634 | |
| 1632 | |
| 1631 | |
| 1630 | |
| 1629 | |
| 1625 | |
| 1608 | |
| 1595 | |
| 1578 | |
| 1571 | |
| 1567 | |
| 1561 | |
| 1560 | |
| 1558 | |
| 1555 | |
| 1554 | |
| 1553 | |
| 1552 | |
| 1551 | |
| 1547 | |
| 1538 | |
| 1531 | |
| 1527 | |
| 1523 | |
| 1522 | |
| 1512 | |
| 1511 | |
| 1506 | |
| 1503 | |
| 1489 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기