스크롤 되어도 상단 헤더(메뉴) 보이게 정보
스크롤 되어도 상단 헤더(메뉴) 보이게
관련링크
http://mwa.kr
544회 연결
본문
링크된 부분의 소스를 다운받아 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
그누보드에도 응용해 보세요.
추천
5
5
댓글 6개
네~ 오늘 본 상품 부분 포함해서 수정해 보겠습니다.
멋집니다!
다만 로고를 크게 넣은 샵에서 사용할때를 대비 스크롤시 hd wrapper 영역을 줄여서 좁게 보여주면 화면 활용이 더 좋을 것 같은데 혹시 이렇게 반영하려면 어떻게 하면 좋을까요?
다만 로고를 크게 넣은 샵에서 사용할때를 대비 스크롤시 hd wrapper 영역을 줄여서 좁게 보여주면 화면 활용이 더 좋을 것 같은데 혹시 이렇게 반영하려면 어떻게 하면 좋을까요?
좋은 자료 감사합니다
이런 것은 어떨까요?
일정 이상 내리면 분류만 나오고 그 위로는 상단 전체가 나오는 것은???
일정 이상 내리면 분류만 나오고 그 위로는 상단 전체가 나오는 것은???
(아우아우~)
제가 아주 바라던 바 입니다.
(감사감사~)
감사히 잘 활용토록 하겠습니다.
제가 아주 바라던 바 입니다.
(감사감사~)
감사히 잘 활용토록 하겠습니다.
