Question

我有一个Fancy Box Popup，它有一个滚动的长页面，但是当我点击转到顶部按钮时，我希望它向上滚动到该弹出窗口顶部的Div。我怎么强迫它滚动。

这是我的滚动代码：

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

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

});
</script>

为什么它不滚动，控制台中没有错误，而且我已经在普通页面上使用了代码，它在那里工作。但它不适合花哨的盒子。任何解决方案？

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

enter image description here

Answer 1

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

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

fancybox-inner是指给具有固定高度和CSS overflow-y: scroll的fancybox的类。

Answer 2

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