a href a name 위치일때 background 색 변화
본문
<script type="text/javascript">
이런형식으로 롤 하는데 밑에 이미지대로 내려갔을때 about_bar에서 내가 선택한 href background색 change인데..멀까요?;;
var scrollTop = $(window).scrollTop();
if (scrollTop >= 323) {
$('#about_bar').css({
'position': 'fixed',
'top':0 + 'px'
});
}
else {
$('#about_bar').css({
'position': 'relative',
'top':0 + 'px'
});
}
});
$(function(){
$(".arctic_scroll").arctic_scroll({
speed: 800
});
});
</script>
이게 원래 소스인데 이게 찍으면 내려가는형식이구
<div id="about_bar">
<ul>
<a href="#about1" class="arctic_scroll"><li class="left" >단지설계</li></a><a href="#about2" class="arctic_scroll"><li>커뮤니티</li></a><a href="#about3" class="arctic_scroll"><li>시스템</li></a><a class="arctic_scroll" href="#about4"><li class="right">동호수배치도</li></a>
</ul>
</div>
이런형식으로 롤 하는데 밑에 이미지대로 내려갔을때 about_bar에서 내가 선택한 href background색 change인데..멀까요?;;
----------------------------------------------------------
그리고 처음 a href에서 name로 넘어갈때 왜 위치가 20?정도 더 내려올까요? 처음만 그러고 다른거 클릭하면 잘되요
답변 1
메뉴의 색상을 변하게 하시려면 $(window).scroll(function(e){ ... }); 을 이용하여 조건식을 구성해주셔야하고, 20정도 더 내려온다... 고 하시는거는 arctic_scroll 이라는 jquery 라이브러리를 뜯어보셔야 알 수 있을것 같습니다.