a name 현재 위치일경우
본문
a name태그로 현재 위치에 맞게 이동하고 있는데
현재 href에서 클릭한 a name에 올경우 a href의 li이가 현재 위치라고 background가 변했으면 좋겟는데.... 어떻게 하면좋을까요?
<a href="#about2" class="arctic_scroll"><li>특장점</li></a>
답변 3
$(".arctic_scroll").click(function(){
$(this).children("li").addClass("원하시는클래스");
});
jQuery로 클래스 추가하시고 css로 해당 클래스에 배경을 바꾸시면
li 태그에 배경이 바뀌는 효과를 주실 수 있겠네요.
$(".arctic_scroll").click(function(){
$(this).children("li").addClass(".on");
'background':'#000000'
}) ;
으로 변경했는데도... 변하지가 않네요
a name에 있는걸 변경하고싶은데..되지가 않아서..ㅠㅠ
addClass(".on"); 에서 .은 빼셔야됩니다
<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인데..멀까요?;;
