Question

我在页面上有一些图像，当有人点击这些图像时，它会将来自另一个页面的内容加载到位于页面顶部的div容器中。

由于图像位于底部，当内容加载到容器中时，用户可能不知道。我想在图像点击的同时自动滚动到div容器的顶部，同时加载或加载内容。

下面是我使用加载内容到容器中的代码。我似乎无法找到任何要添加的代码，这样我就可以在加载内容时向上滚动到顶部。

$(document).ready(function(){
    $('nav.main > a').click(function(e){
        e.preventDefault();
        $("#dynamic").load($(this).attr('href') + " .product_content").fadeIn('slow');
    });
});

Answer 1

load()函数有一个参数，您可以在其中输入回调。请参阅documentation。

$(document).ready(function(){
   $('nav.main > a').click(function(e){
    e.preventDefault();
    $("#dynamic").load($(this).attr('href') + " .product_content", ()=>{ window.scrollTo(0, 0) }).fadeIn('slow');
   });
 });

您可以更改scrollTo()功能以滚动您想要的任何元素，例如$('element').scrollTo(0)。

将内容加载到div中并在图像点击时滚动到div的顶部

1 个答案: