상품 목록 뜨게하는법...
본문
<?
?>
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
}
?>
저아이들이 움직이는데 pg_anchor($anc_id) 이것으로 영역으로 간다는것까진 알겠어요..ㅠ 그래서 두번째 사진처럼 움직이게 하고싶은데 자꾸 제일 마지막에 있는 부분으로 인식해서 제일 마지막에 있는것만 다른색으로 되어져있어요
추가한 스크립트는
<script src="<?php echo G5_JS_URL ?>/jquery.arctic_scroll.js"></script>
</script>
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if (scrollTop >= 800) {
$('.sanchor').css({
'position': 'fixed',
'top':0 + 'px'
});
}
else {
$('.sanchor').css({
'position': 'relative',
'top':0 + 'px'
});
}
});
$(function(){
$(".sanchor li a").arctic_scroll({
speed: "fast"
});
});
</script>
물론 <script src="<?php echo G5_JS_URL ?>/jquery.arctic_scroll.js"></script>
스크립트는 있구요
아마도 빨강색 부분에 있는 postion때문에 그런거는아는데 그럼 어케 하나요? z-index도 쓰고 다 해봤는데 안되요...
다른부분 수정한거도 없구요.ㅠ
/* 목록 바로가기 */
.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}
이렇게 현재 영역일때 색이 변하게 하고싶어요.ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.