Question

我在Wordpress中创建了一个投资组合，其中的帖子直接在同一页面上打开。一直很困难，但我设法 - following these steps - 让一切工作......或几乎。

我现在想要的是确保当用户点击元素时，页面滚动到顶部以查看产品详细信息。我试图在各方面都没有成功:(

这是网站：http://www.grafichepioppi.it/category/portfolio/

这是我的代码：

$(document).ready(function(){

$.ajaxSetup({
    cache:true, 
    async: true, 
    complete:function(){
        $('body,html').animate({scrollTop: 0}, 800);
   }});

$("a.link-portfolio").click(function(){

    var post_url = $(this).attr("href");
    var post_id = $(this).attr("rel");

    $("#portfolio-featured").html("<div class='loading-ajax'></div>").fadeIn(500);


     $("#portfolio-featured").load(post_url, function() {

    $('.portfolio-featured').show( 4000 );  
});

window.location.hash = post_id;

return false;
    });
});

关于我该怎么做的任何想法？

Answer 1

这有帮助吗？

     $("#portfolio-featured").load(post_url, function() {
       $('.portfolio-featured').show( 4000 );  
       $("html, body").animate({  
           scrollTop: $(this).offset().top - 300 }, 400); //to top
     });

Wordpress - 使用Ajax后加载后滚动到顶部

1 个答案: