Merge branch 'feature/h5detail' of http://git.dev.yoho.cn/web/yohobuy-frontend into feature/h5detail

@@ -42,7 +42,8 @@ exports.init = function() {
         $(document).scroll(function() {
         $(document).scroll(function() {
             var sTop = $(this).scrollTop(),
             var sTop = $(this).scrollTop(),
                 cur,
                 cur,
-                parent;
+                parent,
+                containerH;
             thumbContainer.each(function() {
             thumbContainer.each(function() {
                 var pNode = $(this).closest('.article-type-three');
                 var pNode = $(this).closest('.article-type-three');
                 if (sTop > pNode.offset().top) {
                 if (sTop > pNode.offset().top) {
@@ -54,7 +55,8 @@ exports.init = function() {
                 }
                 }
             });
             });
             if (cur) {
             if (cur) {
-                if (sTop < parent.offset().top + parent.height()) {
+                containerH = cur.closest('.thumb-container').outerHeight();
+                if (sTop < parent.offset().top + parent.height() - containerH) {
                     cur.addClass('fixed');
                     cur.addClass('fixed');
                 } else {
                 } else {
                     cur.removeClass('fixed')
                     cur.removeClass('fixed')

 {{# smallImage}}
 {{# smallImage}}
     <div class="article-type-four clearfix">
     <div class="article-type-four clearfix">
         {{# imgs}}
         {{# imgs}}
-            <img src="{{src}}" alt="{{alt}}">
+            <img class="lazy" src="{{src}}" alt="{{alt}}">
         {{/ imgs}}
         {{/ imgs}}
     </div>
     </div>
 {{/ smallImage}}
 {{/ smallImage}}

 {{# bigImage}}
 {{# bigImage}}
     <div class="article-type-one">
     <div class="article-type-one">
-        <img class="img" src="{{src}}" alt="{{alt}}">
+        <img class="img lazy" src="{{src}}" alt="{{alt}}">
     </div>
     </div>
 {{/ bigImage}}
 {{/ bigImage}}

@@ -4,7 +4,7 @@
             <ul class="thumb-container clearfix">
             <ul class="thumb-container clearfix">
                 {{# list}}
                 {{# list}}
                     <li class="thumb">
                     <li class="thumb">
-                        <img class="thumb-img" src="{{thumb}}">
+                        <img class="thumb-img lazy" src="{{thumb}}">
                         <span class="arrow"></span>
                         <span class="arrow"></span>
                         <span class="clothe-type {{type}}"></span>
                         <span class="clothe-type {{type}}"></span>
                     </li>
                     </li>

@@ -7,7 +7,7 @@
             <a class="good-islike iconfont" href="javascript:;">&#xe60f;</a>
             <a class="good-islike iconfont" href="javascript:;">&#xe60f;</a>
         {{/ isLike}}
         {{/ isLike}}
         <a class="good-thumb" href="{{url}}">
         <a class="good-thumb" href="{{url}}">
-            <img src="{{thumb}}">
+            <img class="lazy" src="{{thumb}}">
         </a>
         </a>
         <div class="tag-container">
         <div class="tag-container">
             {{# isNew}}
             {{# isNew}}

@@ -3,7 +3,7 @@
     <ul class="brand-list clearfix">
     <ul class="brand-list clearfix">
     {{# brands}}
     {{# brands}}
         <li><a href="{{url}}">
         <li><a href="{{url}}">
-            <img src="{{thumb}}" alt="{{name}}">
+            <img class="lazy" src="{{thumb}}" alt="{{name}}">
         </a></li>
         </a></li>
     {{/ brands}}
     {{/ brands}}
     </ul>
     </ul>

@@ -3,7 +3,7 @@
     <ul class="post-list">
     <ul class="post-list">
         {{# otherArticle}}
         {{# otherArticle}}
         <li><a class="clearfix" href="{{url}}">
         <li><a class="clearfix" href="{{url}}">
-            <img src="{{thumb}}" alt="">
+            <img class="lazy" src="{{thumb}}" alt="">
             <span>{{title}}</span>
             <span>{{title}}</span>
         </a></li>
         </a></li>
         {{/ otherArticle}}
         {{/ otherArticle}}