상품 목록 뜨게하는법... 채택완료
</p><p><?
?>
global $default;
global $item_use_count, $item_qa_count, $item_relation_count;
?>
<ul class="sanchor">
<li><a href="#sit_inf" <?php if ($anc_id == 'inf') echo 'class="sanchor_on"'; ?>>상품정보</a></li>
<li><a href="#sit_use" <?php if ($anc_id == 'use') echo 'class="sanchor_on"'; ?>>사용후기 <span class="item_use_count"><?php echo $item_use_count; ?></span></a></li>
<li><a href="#sit_qa" <?php if ($anc_id == 'qa') echo 'class="sanchor_on"'; ?>>상품문의 <span class="item_qa_count"><?php echo $item_qa_count; ?></span></a></li>
<?php if ($default['de_baesong_content']) { ?><li><a href="#sit_dvr" <?php if ($anc_id == 'dvr') echo 'class="sanchor_on"'; ?>>배송정보</a></li><?php } ?>
<?php if ($default['de_change_content']) { ?><li><a href="#sit_ex" <?php if ($anc_id == 'ex') echo 'class="sanchor_on"'; ?>>교환정보</a></li><?php } ?>
<?php if($default['de_rel_list_use']) { ?>
<li><a href="#sit_rel" <?php if ($anc_id == 'rel') echo 'class="sanchor_on"'; ?>>관련상품 <span class="item_relation_count"><?php echo $item_relation_count; ?></span></a></li>
<?php } ?>
</ul>
<?php
}
?></p><p>
저아이들이 움직이는데 pg_anchor($anc_id) 이것으로 영역으로 간다는것까진 알겠어요..ㅠ 그래서 두번째 사진처럼 움직이게 하고싶은데 자꾸 제일 마지막에 있는 부분으로 인식해서 제일 마지막에 있는것만 다른색으로 되어져있어요
추가한 스크립트는
</p><p><script src="<?php echo G5_JS_URL ?>/jquery.arctic_scroll.js"></script></p><p></script></p><p>$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if (scrollTop >= 800) {
$('.sanchor').css({
<span style="color: rgb(255, 0, 0);"> 'position': 'fixed', </span>
<span style="color: rgb(255, 0, 0);"> 'top':0 + 'px'</span>
}); </p><p> </p><p> }</p><p> else {
$('.sanchor').css({
'position': 'relative',
'top':0 + 'px'
});
}
});</p><p> </p><p>
$(function(){
$(".sanchor li a").arctic_scroll({
speed: "fast"
});
});</p><p>
</script></p><p>
물론 스크립트는 있구요
아마도 빨강색 부분에 있는 postion때문에 그런거는아는데 그럼 어케 하나요? z-index도 쓰고 다 해봤는데 안되요...
다른부분 수정한거도 없구요.ㅠ
</p><p>/* 목록 바로가기 */
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f2f5f9;padding:0 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
</p><p>
이렇게 현재 영역일때 색이 변하게 하고싶어요.ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
채택
채택
답변대기
채택
답변대기
답변대기
채택
채택
답변대기
답변대기
채택
채택
답변대기
채택
답변대기
채택
답변대기
채택