#1354 메뉴 영역 스타일 및 스크립트 개선

layouts/xedition/css/layout.css

@@ -157,6 +157,12 @@ a:hover,a:active,a:focus{text-decoration:none}
 .gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a}
 .gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333}
 .gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'}
+.onepage .header_wrap.shrink a,
+.onepage .shrink .header > .side > ul > li > a {color: #444; }
+.onepage .shrink .gnb {margin-top: 0; }
+.magazine .shrink .gnb {margin-bottom: 10px; }
+.magazine .shrink h1 {margin-top: 10px; }
+.magazine .header_wrap.shrink .gnb > ul > li > a {line-height: 40px; }
 
 /* VISUAL */
 .visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}

layouts/xedition/demo/welcome_main.html

@@ -10,8 +10,8 @@
 	<section class="xeicon">
 		<h1>Beautiful iconpack<br>XEIcon</h1>
 		<div class="button-area">
-			<a class="btn_item" target="_blank" href="/core-origin/index.php?module=admin">homepage</a>
-			<a class="btn_item" target="_blank" href="/core-origin/index.php?module=admin">github</a>
+			<a class="btn_item" target="_blank" href="http://xpressengine.github.io/XEIcon">homepage</a>
+			<a class="btn_item" target="_blank" href="https://github.com/xpressengine/XEIcon">github</a>
 		</div>
 	</section>
 
@@ -126,7 +126,7 @@
 				<p>XE 자료실을 통해 나만의 홈페이지를 만들어보세요.</p>
 			</li>
 			<li>
-				<a href="https://github.com/xpressengine/xi-core/issues" target="_blank" class="ico"><i class="xi-github"></i><span class="blind">GITHUB</span></a>
+				<a href="https://github.com/xpressengine/xe-core" target="_blank" class="ico"><i class="xi-github"></i><span class="blind">GITHUB</span></a>
 				<h2>GITHUB</h2>
 				<p>오픈소스 프로젝트 개발참여를 위한 GitHub 페이지입니다.</p>
 			</li>

layouts/xedition/js/layout.js

@@ -1,22 +1,38 @@
 (function($){
+    "use strict";
     $(function(){
-        var $shrinkHeaderHeight = 200;
-        var $fixedHeader = $('.header_wrap');
+        var $fixedHeader = $('.fixed_header .header_wrap');
         var $gnb = $('.gnb');
         var $hoverEl = $('.hover');
         var $searchEl = $('.click > a');
         var $searchForm = $('.search_area');
 
         // Fixed header
-        $(window).scroll(function() {
-            var scroll = $(this).scrollTop();
-            if( scroll >= $shrinkHeaderHeight ) {
-               $fixedHeader.addClass('shrink')
-            }
-            else {
-               $fixedHeader.removeClass('shrink');
-            }
-        });
+        if($fixedHeader.length)
+        {
+            var fixedHeaderHeight = $fixedHeader.height();
+            var hasClass = false;
+            $(window).scroll(function() {
+                var scroll = $(this).scrollTop();
+
+                if(scroll >= fixedHeaderHeight ) {
+                    if(!hasClass)
+                    {
+                        $('body').css('padding-top', fixedHeaderHeight);
+                        $fixedHeader.addClass('shrink');
+                        hasClass = true;
+                    }
+                } else {
+                    if(hasClass)
+                    {
+                        $('body').css('padding-top', 0);
+                        $fixedHeader.removeClass('shrink');
+                        hasClass = false;
+                    }
+                }
+            });
+            $(window).triggerHandler('scroll');
+        }
 
         // Gnb
         $gnb.find('>ul>li>a')
@@ -108,6 +124,7 @@
 })(jQuery);
 
 (function($) {
+    "use strict";
     var $window = $(window);
     var windowHeight = $window.height();
 

layouts/xedition/layout.html

@@ -126,7 +126,7 @@
 <div class="container {$_container_class}  {$menutype_class}">
 
 	<!-- HEADER -->
-	<div class="header_wrap">
+	<div class="header_wrap xe-clearfix">
 		<div class="search_wrap">
 			<div class="search_area">
 				<!-- SEARCH -->
@@ -148,15 +148,13 @@
 					<!--@if(!$layout_info->use_demo && $layout_info->logo_img)-->
 						<img src="{$layout_info->logo_img}" alt="{$layout_info->logo_text}"|cond="$layout_info->logo_text" />
 					<!--@else-->
-						<block cond="!$layout_info->menu_type || $layout_info->menu_type == 'default' || $layout_info->menu_type == 'blog'">
-							<img src="./img/logo.png" alt="XEDITION" />
-						</block>
-						<block cond="$layout_info->menu_type == 'magazine'">
+						<!--@if(($layout_info->layout_type === 'main' && $layout_info->menu_type_main === 'startup') || ($layout_info->layout_type === 'sub' && $layout_info->menu_type_sub === 'onepage_parallax'))-->
+							<img src="./img/s_logo.png" alt="XEDITION" />
+						<!--@elseif($layout_info->menu_type == 'magazine')-->
 							<img src="./img/m_logo.png" alt="XEDITION Header : Magazine type" />
-						</block>
-						<block cond="$layout_info->menu_type == 'startup'">
+						<!--@else-->
 							<img src="./img/logo.png" alt="XEDITION" />
-						</block>
+						<!--@endif-->
 					<!--@end-->
 				</a>
 			</h1>