javascript - Jquery 滚动回到页面顶部而不是所需的 div

Question

你可以在这里看到http://jsfiddle.net/Stratos123/qywaLszg/我正在尝试做的代码。同位素工作完美，当您单击图像时，该框会打开并显示正确的信息，但是一旦单击该框，页面就会滚动到 html 页面的顶部，而不是滚动到导航位于红色框下方的位置示例。

如果我更改以下代码

  // Portfolio Open and close   
  $(document).ready(function() {
    $('.portfolio li a').click(function() {
      var itemID = $(this).attr('href');
      $('.portfolio').addClass('item_open');

to:

  // Portfolio Open and close   
  $(document).ready(function() {
    $('.gallery li a').click(function() {
      var itemID = $(this).attr('href');
      $('.gallery').addClass('item_open');

投资组合开闭完美，但同位素无法正常工作。

有什么想法吗？我已经为此工作了将近 2 周。快疯了。

Answer 1

我猜你想要这样的东西 http://jsfiddle.net/qywaLszg/6/embedded/result/

---

更新

要使用 ul 列表，您需要在调用过滤器时调整类

工作示例在这里 http://jsfiddle.net/qywaLszg/9/embedded/result/

$('#filter li a').click(function () {
         $('#filter li.selected').removeClass('selected');
         $(this).parent().addClass('selected');
         var selector = $(this).parent().attr('data-filter');
         $container.isotope({
             filter: selector,
             animationOptions: {
                 duration: 750,
                 easing: 'linea',
                 queue: false
             }
         });
         return false;
     });

---

只需在 CSS 中添加

#portfolio{
    position: relative;
}

在 jQuery 中

$(".portfolio ul li a").click(function () {
     $('html, body').animate({
         scrollTop: $("#top").offset().top
     }, 400);
 });