滚动到一个链接并激活它

我在两栏中做了一个网站。在左侧有所有链接，另一侧是内容。当你点击一个链接的内容时，链接也会自行调整。
You can test it here

我正在寻找一种方法来实现左侧底部的按钮，它允许以特殊方式滚动到文档的顶部：
il将激活顶部的第一个链接（和滚动到它）并在同一时间对齐右侧的记者文章。到目前为止，对齐系统正在工作，除了这个链接，请参阅我试图添加下面的代码。

滚动到一个链接并激活它

$('.cd-top').bind('click', function(e) { 
     e.preventDefault(); 

     var $container = $('.menu-content:first'), 
     $desc = $('.menu-content:first'); 

      $desc.slideDown('100', function() { 
       $("#scrollingaside").scrollTo($container, 500, {offset: { top:-1 } });// la hauteur d'alignement c'est ici ! 
       $("#scrollingontheright").scrollTo($("#" + $container.attr('data-id')), 1500); 
      }); 
     } 
    }); 
    $('.article').bind('click', function() { 
     var idproj = $(this).find('span:first').attr('id'); 
     $('.menu-content[data-id="' + idproj + '"]').find('.cd-top').trigger('click'); 
    });

来源

2016-05-23 Yagayente

小提琴的链接已经被修正 – Yagayente

//使用上（），而不是绑定

$('.expander').on('click', function(e) { 
    e.preventDefault(); 

    var $container = $(this).parents('.menu-content:first'), 
    $desc = $(this).parents('.menu-content'); 
// newly added 
    $('.expander').parents(".current").removeClass('current'); 
    if($container.hasClass('current') == false) { 

     var others = $('.current'); 
     $container.addClass('current'); 

     $desc.slideDown('100', function() { 
      $("#scrollingaside").scrollTo($container, 500, {offset: { top:-1 } });// la hauteur d'alignement c'est ici ! 
      $("#scrollingontheright").scrollTo($("#" + $container.attr('data-id')), 1500); 
     }); 
    } 
}); 
$('.article').bind('click', function() { 
    var idproj = $(this).find('span:first').attr('id'); 
    $('.menu-content[data-id="' + idproj + '"]').find('.expander').trigger('click'); 
}); 
**// new code** 
$(".cd-top").on("click",function(){ 
$('.expander:first').trigger("click"); 
});

来源

2016-05-24 03:46:38 sarath

似乎工作，但只有当我点击一个链接。如果我点击两次，按钮似乎不活跃。看到这里= https://jsfiddle.net/yagayente/rjw5r7qL/2/任何想法？ – Yagayente

$（this）.parents（“。current”）。removeClass（'current'）;我已经添加了这行检查一旦它现在应该工作注意：即使链接也不工作第二次点击现在解决 – sarath

好的。差不多了！ :)滚动工作现在...但：看起来像“当前”类现在保持在每个链接点击，而不是当你改变链接时离开。看到这个问题在这里：https://jsfiddle.net/yagayente/tkvtr2e3/2/ - 我做了一个css为“.current”看到 – Yagayente

你可以只连接一个单击处理程序到按钮，触发（“前进”）click事件从菜单最顶部的链接：

$('#top').click(function() { 
    $('.menu a')[0].click() 
    })

的选择”。菜单一个'必须被修改以瞄准正确的链接。

来源

2016-05-23 15:45:45 lipp

以使其工作但没有成功.. https://jsfiddle.net/yagayente/rjw5r7qL/ 1/ – Yagayente

Humm。不工作。或者不知道如何处理。任何人？ – Yagayente

滚动到一个链接并激活它

回答

相关问题