javascript - 滚动到特定的 Div 在花式框弹出窗口中不起作用

Question

我有一个 Fancy Box Popup ，它有一个可以滚动的长页面，但是当我单击Go to top按钮时，我希望它向上滚动到该弹出窗口顶部的标题 Div 。我怎样才能强制它滚动。

这是我的滚动代码：

<script>
$('#goTop').click(function (){

     $('html, body').animate({scrollTop:$(".wrap").offset().top}, 750);
     return false;

});
</script>

为什么它不滚动，控制台中没有错误，加上我在正常页面上使用了代码，它在那里工作。但它不适用于花哨的盒子。有什么解决办法吗？

这是我的弹出窗口的图像：

在此处输入图像描述

score 3 · Accepted Answer

您需要滚动实际的模态窗口，而不是文档的<body>.

$('#goTop').click(function (){
    $(this).closest('.fancybox-inner').animate({scrollTop: 0}, 750);
    return false;
});

fancybox-inner给具有固定高度和 CSS 的 fancybox 的类在哪里overflow-y: scroll。

score 0 · Accepted Answer

$('.fancybox-overlay').animate({
    scrollTop: $('.fancybox-overlay').scrollTop() + $("#div").offset().top
});

2 回答 2