방울이발톱
60
2018-11-18 18:03:44
2
219

javascript menu 클릭시 전환



메뉴를 클릭하면 해당 부분으로 바뀌는 script 를 작성 했는데 문제점이 처음 화면을 켰을 때 다른 부분이랑 다 겹칩니다. 누르면 괜찮은데 처음 시작 부분을 고정 해놓을 수 있나요?

처음부분 화면을 키면 이렇게 다 겹칩니다



이렇게 시작부분을 고정해놓을 방법이 있을까요?


<script>
$(function () {

$('.banner li a').click(function (e) {
e.preventDefault();
var a = $(this).attr('href');
$('.content').stop().fadeIn();
$('.content div').stop().fadeOut();
$(a).stop().fadeIn();
});

});

</script>


<ul class="menu">
<li><a href="#con1">후보자</a></li>
<li><a href="#con2">투표소</a></li>
<li><a href="#con3">투⊙개표</a></li>
<li><a href="#con4">당선인</a></li>
</ul>

인터넷에 뭐라고 검색해야할지 감이 안잡혀 질문합니다 죄송합니다.
0
0
  • 답변 2

  • 물병자리
    154
    2018-11-18 18:27:44
    음.. 질문이 정확하게 이해했는지 잘 모르겠는데.. 

    최초 실행할 때 내부 콘텐츠가 다 보이는 문제를 질문하시는 거 같은데요..

    이 부분을 쉽게 처리하려면 CSS도 활용하시는 게 좋습니다. 

    근데 스크립트는 배너 쪽인데 HTML은 메뉴 쪽이군요..

    질문하시려는 코드가 정확한지 한 번 더 검토해주세요.

    어려운 작업은 아닙니다.
    0
  • 굴림체
    50
    2018-11-18 19:07:39

    최초 로딩시 화면이 다보인다면 다숨기고 원하는것만 보여주면 되겠네요

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.