サイトラッパーの右端に左揃えされたスティッキーサイドバーを追加します。

Question

スクロールしながらスティッキーサイドバーを追加します。 This siteには、電子メールオプトイン形式の例があります。

しかし、その例とは異なり、私はサイドバーをラッパーの右端に合わせて左寄せにします。

今、私はちょうどそれを配置する

.sidebar { 
    position: absolute; 
    left: 894px; 
    top: 188px; 
} 

を使用していますが、それはラッパーの右端に対して常にではありません。

アイデア？

Answer 1

使用：

.wrapper { 
    width:100px; 
    position: fixed; 
    left:0; 
    top: 188px; 
    } 

.sidebar { 
    width:50px; 
    float:left; 
    margin-left:50px; 
    } 

これは、画面の左側に付着しているラッパーの一例であり、サイドバーは、ラッパーの右側に反しています。