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

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

QA

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

본문

 


<?
?>
    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}
​ 

 

c9187f14a95a82b6f80de2ef8d7feec2_1433236156_1544.gif 

 

 

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

 

 

c9187f14a95a82b6f80de2ef8d7feec2_1433236156_179.gif 

 

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 0
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT