scroll分类列表脱离文本流时造成的问题的修正

@@ -44,7 +44,7 @@ exports.init = function() {
                 cur,
                 parent;
             thumbContainer.each(function() {
-                var pNode = $(this).parent('.article-type-three');
+                var pNode = $(this).closest('.article-type-three');
                 if (sTop > pNode.offset().top) {
                     cur = $(this);
                     parent = pNode;

@@ -5,11 +5,15 @@ $pxConvertRem : 40;
     padding:0 0 0 15rem / $pxConvertRem;
     background: #fff;
 
+    /*container脱离文本流时占位用，指定高度为container高度(height+border)以及margin*/
+    .container-fixed-pos {
+        height: 136rem / $pxConvertRem;
+        margin: 0 0 28rem / $pxConvertRem -15rem / $pxConvertRem;
+    }
+
     .thumb-container {
-        letter-spaceing: -1px;
         font-size: 0;
-        padding: 0 0 0 30rem / $pxConvertRem;
-        margin: 0 0 28rem / $pxConvertRem -15rem / $pxConvertRem;
+        padding-left: 30rem / $pxConvertRem;
         background: #fff;
         z-index: 10;
 

 {{# collocation}}
     <div class="article-type-three">
-        <ul class="thumb-container">
-            {{# list}}
-                <li class="thumb">
-                    <img class="thumb-img" src="{{thumb}}">
-                </li>
-            {{/ list}}
-        </ul>
+        <div class="container-fixed-pos">
+            <ul class="thumb-container">
+                {{# list}}
+                    <li class="thumb">
+                        <img class="thumb-img" src="{{thumb}}">
+                    </li>
+                {{/ list}}
+            </ul>
+        </div>
         <div class="prod-list clearfix">
             <div class="arrow">
                 <em>&#9670;</em>