jquery - 如何使用 jQuery 定位固定元素

Question

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

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

我还有一个弹出菜单，单击时会触发。

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

两个区 block 位于同一层:

<!-- 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()
});