스크롤 되어도 상단 헤더(메뉴) 보이게
링크
mwa.kr (584)
링크된 부분의 소스를 다운받아 plugin 폴더 밑에 업로드 합니다.
https://github.com/peachananr/autofix_anything
head.sub.php 파일에 아래 부분 추가합니다.
<script type="text/javascript" src="<?php echo G5_PLUGIN_URL ?>/autofix_anything-master/jquery.autofix_anything.js"></script>
<link href='<?php echo G5_PLUGIN_URL ?>/autofix_anything-master/autofix_anything.css' rel='stylesheet' type='text/css'>
shop/shop.head.php 파일에 아래 부분 추가합니다.
<script>
$(document).ready( function() {
$(".header").autofix_anything();
});
</script>
<!-- 상단 시작 { -->
<div id="hd" class="header">
css/default.shop.css 파일을 아래와 같이 수정하세요.
#hd 부분에 추가 width:100%;position:relative;z-index:1000000
그누보드에도 응용해 보세요.
https://github.com/peachananr/autofix_anything
head.sub.php 파일에 아래 부분 추가합니다.
<script type="text/javascript" src="<?php echo G5_PLUGIN_URL ?>/autofix_anything-master/jquery.autofix_anything.js"></script>
<link href='<?php echo G5_PLUGIN_URL ?>/autofix_anything-master/autofix_anything.css' rel='stylesheet' type='text/css'>
shop/shop.head.php 파일에 아래 부분 추가합니다.
<script>
$(document).ready( function() {
$(".header").autofix_anything();
});
</script>
<!-- 상단 시작 { -->
<div id="hd" class="header">
css/default.shop.css 파일을 아래와 같이 수정하세요.
#hd 부분에 추가 width:100%;position:relative;z-index:1000000
그누보드에도 응용해 보세요.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 6개
http://mwa.kr/yc5/shop
처음 내릴 때 상단이 아래위로 깜빡이는데... 이 부분만 개선이 될 수 있다면 더할 나위가 없겠네요.
다만 로고를 크게 넣은 샵에서 사용할때를 대비 스크롤시 hd wrapper 영역을 줄여서 좁게 보여주면 화면 활용이 더 좋을 것 같은데 혹시 이렇게 반영하려면 어떻게 하면 좋을까요?
일정 이상 내리면 분류만 나오고 그 위로는 상단 전체가 나오는 것은???
제가 아주 바라던 바 입니다.
(감사감사~)
감사히 잘 활용토록 하겠습니다.