固定要素をjQueryで配置する方法

Question

私は非常に単純な問題があります。

.jp-type-playlist 
{ 
    position: fixed; 
    bottom: 0px; 
} 

はまた、私はクリックで発射する必要がありますポップアップメニューを持っている：私は、それはクラスがそのように見えるのです私のウェブサイト上のプレーヤーを持っています。

.jp-playlists 
{ 
    position: fixed; 
    display: none; 
} 

どちらのブロックが同じレベルに位置しています：

<!-- Playlists --> 
<div class="jp-playlists">...</div> 
<!-- Player --> 
<div class="jp-type-playlist">...</div> 

私は次のプレイヤーにそれを配置したいと私はどのように行うのか分かりません。私は.offset（）を使用しようとしましたが、ページがスクロールダウンされても役に立たないドキュメントの先頭からのオフセットだけを返します。 jQuery UI .position（）を使用しようとしましたが、以前のソリューションと同じように機能しました。

問題を手伝ってください。ウェブサイトへのリンク：http://synthetic.fm/#&&Genre=&Artist=&Album=

プレイリストのメニューは小さな黄色のリストのように見えます。

ありがとうございます！

Answer 1

これを試すことができます。

var $playList = $('.jp-type-playlist'); 
$('.jp-playlists').css({ 
    left: ($playList.offset().left + $playList.width()), 
    top: $playList.offset().top + $(document).scrollTop() 
}); 

Answer 2

は最後に、私はそのように私の問題を解決しました：

$('.jp-playlists').css('bottom', $(window).height() + $(document).scrollTop() - $('.jp-playlists-show').offset().top + $('.jp-playlists-show').height()/2); 
$('.jp-playlists').css('left', $('.jp-playlists-show').offset().left - $('.jp-playlists').width()/2 + $('.jp-playlists-show').width()/2); 

ShankarSangoli、感謝を！