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 {
}
}