Исправлено окно для определенной части страницы

Question

Мне интересно, как я могу сделать фиксированное окно на стороне формы, как на странице Apple. (http://store.apple.com/us/buy-mac/macbook-air?product=MD711LL/B&step=config)

Я попробовал position:fixed; и все «простые» решения, но они не работают.

Answer 1

Произошло то же самое для клиента в последнее время.

Лучший способ использования jQuery. Я использовал этот jQuery sticky script со следующим кодом на странице:

<script> 
$(document).ready(function(){ 

    if (!!$('.sticky').offset()) { // make sure ".sticky" element exists 

    $("#filter_sidebar").sticky({topSpacing:50}); 

    } 

}); 
</script> 

Изменить при необходимости, и вы, возможно, потребуется настроить topSpacing в соответствии с вашими потребностями.