2014-03-31 6 views
0

스크롤 할 때 부착 된 객체에 대해 .affix-bottom class를 설정하기 위해 데이터 속성과 자바 스크립트 구문을 사용하여 많은 구문을 시도했습니다 다운되었지만 작동하지 않습니다. 첨부 된 요소를 검사 할 때 스크롤하여 페이지의 맨 아래에 도달하면 .affix 클래스가 .affix-bottom으로 변경되지 않습니다. 내가 뭔가를 놓친 적이.affix-bottom 클래스는 twitter bootstrap affix 플러그인에서 작동하지 않습니다.

$('#my-affix').affix({ 
    offset: { 
    top: 100 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
    } 
    } 
}) 

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200"> 
    ... 
</div> 

==== :

나는 공식 문서에 제공된을 inclluding 조각을 많이 시도했습니다?

THank 's in advance. 당신이 jQuery를에 그 DIV ID로 다스 려하고 있기 때문에

+0

당신도 당신의 HTML 마크 업을 게시 할 수 - A [Bootply] (http://bootply.com) 또는 생성? – ZimSystem

답변

0

귀하의 사업부는이

<div id="my-affix">

같이해야한다. 접미사 js는 나를 위해 html 데이터 요소를 듣지 않았지만 작동해야합니다!

0

이것은 간단히 data-offset-bottom="200"을 HTML 태그에 직접 설정했기 때문입니다.

HTML 태그에 ID를 설정하지 않았으므로 jQuery 선택기가 해당 요소를 가져올 수있는 방법이 없습니다. 동적으로 바닥을 계산하기 위하여려고하는 경우 2. 모두 data-offset-topdata-offset-bottom을 제거 1. 추가 이드 요소 에 :

이 작동 확인하십시오.

그래서 결과는 다음과 같이 될 것이다 :

<div id="my-affix" data-spy="affix"> 
    ... 
</div> 
... 
<div class="footer></div> 
==== 

$('#my-affix').affix({ 
    offset: { 
    top: 100 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
    } 
    } 
})