Bootstrap Affix Прыжки О

Question

Я хочу, чтобы изображение придерживаться правой стороны в то время как страницы прокрутки и я остановился на бутстрэпами наклеить этого процесса

http://jsfiddle.net/7rhdLcz7/

$(function() { 

    $('#image').affix({ 
     offset: { 
      top: 200, 
      bottom: 200 
     } 
    }); 
}); 

Единственная проблема у меня есть изображение прыгает в центр экрана во время прокрутки, а затем возвращается на место внизу - есть ли исправление для этого? Входит ссылка на jsfiddle демонстрации.

Answer 1

Вы просите, чтобы изображение было зафиксировано между 200px сверху и 200px снизу.

Если вы хотите, чтобы изображение придерживаться нижней правой игры с #image CSS

, например:

JS

$(function() { 
    $('#nav-wrapper').height($("#nav").height()); 

    $('#nav').affix({ 
     offset: { 
      top: $('#nav').offset().top 
     } 
    }); 

    $('#image').affix({ 
     offset: { 
      top: 200 
     } 
    }); 
}); 

CSS

#image { 
    top:0; 
    bottom: 200px; 
    right:0; 
} 

#nav.affix { 
    position: fixed; 
    top: 0; 
    width: 100% 
} 
#nav > .navbar-inner { 
    border-left: 0; 
    border-right: 0; 
    border-radius: 0; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -o-border-radius: 0; 
}