0

这是我的网站： http: //www.stilld.nl

向下滚动到投资组合，然后单击一个项目。发生 2 件事：

  1. 单击的投资组合项目的详细信息显示在投资组合下方，
  2. 该页面向下滚动到该投资组合项目的详细信息。

这很好用，因为我让它向下滚动了一定数量的像素。

问题：缩小浏览器，您会看到投资组合变成彼此下方的项目。现在，当您单击一个项目时，它会向下滚动我说它必须下降的像素数量，但现在还不够远。

我的解决方案（没有用）：我没有向下滚动一个数字，而是尝试向下滚动到一个类。这应该可以，但是代码不起作用。它只是向上滚动到页面顶部。我认为发生这种情况是因为在 CLASS 出现的同时（或者甚至更早）调用了向下滚动，所以也许我的代码没有及时看到 CLASS ......我希望我有意义。这是我的第一个代码（并使用 on ：

$(document).ready(function(){
$(".portfolio").click(function () {
    if ($('#'+$(this).attr('target')).is(':visible')){
        $('#'+$(this).attr('target')).slideUp();        
    } else {
        $('.description').slideUp(); 
        $('#'+$(this).attr('target')).slideDown();        
        $('html, body').animate({scrollTop: $('#targetWrapper').offset().top + 600 }, 600);
    }

});
$(".close").click(function () {
    $('.description').slideUp();        
    $('html, body').animate({scrollTop: $('.p_img').offset().top }, 600);
});

});

我想要的是：

我希望将此代码转换为向下滚动到类或 ID 的代码。但是，这必须在 CLASS 或 ID 出现之后发生。我认为这应该是解决方案。

4

1 回答 1

1

重新编辑

添加浮动：左；在 div#wrapper_portfolio 上获得您的投资组合的真实高度

并改变：

 $('html, body').animate({scrollTop: +($('#alldescriptions').offset().top) + 'px' }, 600);
于 2013-07-11T12:15:06.463 回答