フッタに固定されたスティッキー要素

Question

jSticky javascriptを使用して、要素をストッパ（この場合はフッター）までスクロールして停止させるまで浮動させています。

これは固定されていない要素には効果的ですが、ブラウザウィンドウの右下に要素が固定された状態でこれを行う方法がわかりません。私は、ビューポートの下部と右側から約15ピクセル離しておきたい。何か案は？

http://phostercreative.com/test/

ブライアン

Answer 1

私が正しくあなたを理解する場合は、ページの右下から離れて15ピクセル、およびフッタに達すると、それは消え持っている再生アイコンを移動したいですか？

それについて移動する最も簡単な方法は、ボタン自体を作ることである絶対位置：

.fixed-button { 
    position: absolute; 
    right: 15px; 
    bottom: 15px; 
} 

注意をposition: absoluteが、それはフッターに停止しないようになりますことを。これを回避するには、float: rightを使用できますが、ではなく、bottomから動作するようにjStickyを変更する必要があります。私はjStickyに慣れていませんが、それを変更すると望ましい結果が得られます。

希望すると便利です。 :)