테스트 사이트 - 개발 중인 베타 버전입니다

상품 목록 뜨게하는법... 채택완료

 

</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>

 

 

 

 

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

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록