位置に近いものはありますか：相対固定？

Question

私はサイトを持っていますelemovements.com、ここでは、ホームページでニュースのアーカイブを見ることができ、少しポップアウトが表示されます。私はjQueryウェイポイントを利用しているので、スクロールするとポップアウトがページの下をたどります。残念なことに、私はそれを設定している方法、私は使用している解決の下で適切に動作するCSSでスタイリングされたその位置を持っています。残念ながら、誰もが1600x900を使用しているわけではありません。私の質問は（CSSにそのようなものはないと知っています）：要素が固定位置相対別の要素を持つための方法はありますか？私のコードでは、objArchiveというこのアーカイブポップアウトの操作の大部分を処理するJavaScriptオブジェクトを作成し、getRight（）という関数を使用して、スクロールまたは適切なサイズでスクロールまたはサイズ変更されたときにこの状況を修正しようとしました条件。ああ、私はそれを働かせることができませんでした。サイトhereとそのコードの大半をhereで見ることができます。誰でも助けることができる、私は間違いなくあなたにコードのコメントでいくつかのクレジットを与えるでしょう:)

ところで、それを開くには、 "最新ニュース"ボックスのタイトルバーの右側を見て、そこになりますアーカイブリンク。ありがとう！

Answer 1

要素をfixedにすると、ブラウザウィンドウとブラウザウィンドウに関連して配置されます。しかし、あなたのウェブサイトはセンタリングされているので、あなたはウィンドウの中心を定数として持ち、それをその中心線に対して相対的に配置することができます。 .stickyクラスにこれらのルールを与えると、探しているポジションになります。

.sticky { 
    position: fixed !important; 
    right: 50% !important; 
    margin-right: -592px; 
} 

これらのルールは.sticky要素を配置し、それは右のエッジは、ブラウザの幅の中心線であるだので、あなたしているコンテナの幅+の幅の半分である（右に592個のピクセル、それを動かします素子）。