상품 목록 뜨게하는법...

Copy

<??>    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) 이것으로 영역으로 간다는것까진 알겠어요..ㅠ 그래서 두번째 사진처럼 움직이게 하고싶은데 자꾸 제일 마지막에 있는 부분으로 인식해서 제일 마지막에 있는것만 다른색으로 되어져있어요

추가한 스크립트는

Copy

<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도 쓰고 다 해봤는데 안되요...

다른부분 수정한거도 없구요.ㅠ

Copy

/* 목록 바로가기 */.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}

이렇게 현재 영역일때 색이 변하게 하고싶어요.ㅠㅠ

상품 목록 뜨게하는법...

공유하기