2016-10-26 9 views
0

도와 주시면 감사하겠습니다. 나는 여러 개의 부트 스트랩 행을 가지고 있으며 그 중 하나에는 스크롤 가능한 텍스트의 경우 왼쪽에 접미사로 고정 된 설명의 경우 2 개의 열이 있습니다. 왼쪽 열의 맨 아래로 스크롤하여 왼쪽 열이 끝났을 때 숨길 때 오른쪽 열이 표시되어야합니다. 나는 그런 식으로 작동 시키려고 노력했지만, 효과가 없었습니다. 이제 부착물이 몸체에 고정되었습니다 (원했던 것처럼 부모 블록의 위쪽과 아래쪽 경계선에는 적용되지 않음). 내가 도대체 ​​뭘 잘못하고있는 겁니까? (나 영어 : 말하기 제외)부트 스트랩을 가까운 기둥에 고정하십시오.

index.html을 :

... 
<body data-spy="scroll"> 
... 
    <div class="chapter"> 
     <div class="row" data-target="#myScrollSpy"> 
      <div class="col-md-5" > 
       my precious scrollable text 
      </div> 
      <div class="col-md-6" id="myScrollSpy"> 
       <div id="myAffix"> 
        my not so good working affix 
       </div> 
      </div> 
     </div> 
    </div> 
... 
    <script> 
    $('#myAffix').affix({ 
       offset: { 
       top: 100, 
       bottom: 100 
       } 
      }); 
    </script> 
... 
</body> 

있는 style.css : 잘

body { 
    position: relative; 
} 

.affix { 
    top: 150px; 
    width: 80%; 
} 

@media (min-width: 1200px) { 
    .affix { 
    }   
} 

.affix-bottom { 
    position: absolute; 
} 

@media (min-width: 1200px) { 
    .affix-bottom { 
    } 
} 

답변