Javascript &引用；“返回顶部”；与jQuery弹出窗口一起工作的元素

我有一个jQuery selectmenu列表，它作为弹出窗口打开，因为它太长了。我想要的是列表末尾的“返回顶部”按钮。我发现它看起来应该能起作用，只是它没有显示“返回顶部”文本，因为我想象它在弹出窗口的下面。有什么办法可以解决这个问题吗？还是“返回顶部”解决方案的另一个实现？

将其按部分分解。

将自动将您置于页面顶部。这不是火箭科学

然后您可以通过CSS添加一些样式。在本例中，教程使用“返回顶部”类<代码>。你可以让它看起来像你想要的，没什么大不了的

但是，我建议您保留这段代码，因为它是定位它的代码<代码>位置：固定；底部：2米；右：0px。作为旁注，将

位置：固定

替换为

位置：相对

，使其显示在弹出窗口中

然后，你可以添加一些平滑的滚动效果或者你想要的任何东西

jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > offset) {
        jQuery('.back-to-top').fadeIn(duration);
    } else {
        jQuery('.back-to-top').fadeOut(duration);
    }
});

jQuery('.back-to-top').click(function(event) {
    event.preventDefault();
    jQuery('html, body').animate({scrollTop: 0}, duration);
    return false;
})
});

告诉我进展如何。干杯，塞巴斯蒂安