모바일 보기 상단부분 숨김 & 고정출력
관련링크
본문
1.커뮤니티와 마이페이지 삭제하고 하얀색 빈공간으로 하고 싶습니다
theme>53>mobile>shop> shop.head.php
여기 같은데
<ul id="hd_mb">
<li><a href="<?php echo G5_URL; ?>/">커뮤니티</a></li>
<?php if ($is_member) { ?>
<?php if ($is_admin) { ?>
<li><a href="<?php echo G5_ADMIN_URL ?>/shop_admin/"><b>관리자</b></a></li>
<?php } else { ?>
<li><a href="<?php echo G5_BBS_URL; ?>/member_confirm.php?url=register_form.php">정보수정</a></li>
<?php } ?>
<li><a href="<?php echo G5_BBS_URL; ?>/logout.php?url=shop">로그아웃</a></li>
<?php } else { ?>
<li><a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/register.php" id="snb_join">회원가입</a></li>
<?php } ?>
<li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
</ul>
<!--/ -->로 커뮤니티 숨기기를 하면 이렇게 나오더라구요 .
2. 로그인 / 회원가입 상호까지 고정출력을 하고싶습니다
현재는 스크롤을 아래로 내리며 상호만 보이네요
답변 2
1.
<li><a href="<?php echo G5_URL; ?>/">커뮤니티</a></li>
<li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
이 2줄을 삭제한 후에
/theme/53/css/mobile_shop.css 파일에서 아래 부분 수정
#hd_mb li{float:left;background:#fff;border-bottom:1px solid #eee;width:50%;position:relative;z-index:9;text-align:center;padding:10px 0}
2.
$( document ).ready( function() {
var jbOffset = $( '#hd_mb' ).offset();
$( window ).scroll( function() {
if ( $( document ).scrollTop() > jbOffset.top ) {
$( '#hd_wr' ).addClass( 'fixed' );
$( '#hd_mb' ).addClass( 'fixed' );
}
else {
$( '#hd_wr' ).removeClass( 'fixed' );
$( '#hd_mb' ).removeClass( 'fixed' );
}
});
});
개발 아이디어 드립니다.
우선 모바일 접속인것을 확인해야 합니다.
화면 크기로 나누고 계신다면 @media screen and(max)~~~ 이렇게 해서 모바일 화면 구분한 후
나오게 안할 부분을 visibility: hidden; 으로 하시면 될것 같습니다.
display를 이용하면 아예 해당 부분이 없어지고 visibility는 공간은 있고 보이지 않게만 합니다.
모바일 기기로 접속하는것을 구분한다면 그누보드 기본 파일에 보시면 IS_MOBILE 이렇게 되어 있는 부분이 있을 것입니다. 이것을 이용해서 하시면 될것 같습니다.
참고 링크