固定的頁面的某些部分的窗口

Question

我想知道如何在蘋果頁面上的窗體的一面上製作一個固定的窗口。 （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滿足您的需求。