[이런 저런 이야기] css 질문점 할께요~!

LINK : //sunnysideweb.com/product/detail.html?product_no=65&cate_no=1&display_group=2

링크 사이트를 보시면요

우측의 스크롤바로 화면을 아래쪽으로 내려보면

화면 오른쪽 부분이 어느 지점부터 고정이 되더라구요

이러한 기능은 css만으로 구현 가능한건가요

아니면 자바스크립트 사용해서 구현해야 하는건가요?

[Cirrus]

자바일걸요. 소스 본거같은데 기억은 안나지만
최근에 스크롤했을때 상단 네비게이션이 따라오게끔 만드는 부분을 우측에 적용시킨거같네요.

[바다위소나무]

아 자바로 만든거군요~! 댓글 감사합니다! 좋은밤되세요~!

[cz4a]

java-s!crip 입니다.
저 사이트의 경우에는 jquery 사용했네요

$(window).scroll(function(){
var $header = $('#sunny_category');
var offset = $header.offset().top;
if($(this).scrollTop()>258){
$header.css({p-osition:'fixed',top:0, left:'50%', 'marginLeft':'325px'});
}
else{
$header.css({p-osition:'absolute',top:258, left:'50%', 'marginLeft':'325px'});
}
});

스크롤바 위치에 따라서 css 변경해 주어서 고정되어 있는 효과 나오게 하는겁니다.
var offset = $header.offset().top; 의 경우에는 없어도 코드는 작동할겁니다.

[바다위소나무]

아정말 너무 감사합니다! 저도 한번 고정 되는 메뉴를 만들어봐야겠어요~! 고맙습니다 좋은밤되세요~!