如何使用jQuery定位固定元素

我有一个非常简单的问题。我的网站上有一个播放器，它的类别如下：

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

$('.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);

此外，我有一个弹出式菜单，应该火点击

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

两个区块位于同一标高上：

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

...
...

我想把它放在球员旁边，但我不知道怎么做。我尝试使用.offset（），但它只返回文档顶部的偏移量，如果向下滚动页面，则该偏移量将无效。我尝试使用jqueryui.position（），但其工作方式与以前的解决方案相同

请帮我解决我的问题。网站链接：

播放列表菜单看起来像一个黄色的小列表

提前谢谢

你可以试试这个

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

---

最后我这样解决了我的问题：

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

$('.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，谢谢

我试过了。offset（）.top返回从文档顶部开始的元素位置。因此，当我向下滚动文档时，它返回非常大的值。实际上，我想得到一个从窗口顶部的偏移量，但不是从文档…嗯。。。我要试试，然后报告。谢谢