滾動到一個鏈接並激活它

我在兩欄中做了一個網站。在左側有所有鏈接，另一側是內容。當你點擊一個鏈接的內容時，鏈接也會自行調整。
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

滾動到一個鏈接並激活它

回答

相關問題