2

ディープリンクで Foundation セクションを使用しています。サイトの他の部分から各タブにリンクできる必要があります。

各タブのコンテンツも非常に長く、各タブ内の項目へのアンカー リンクを含むサイド ナビゲーションがありますが、アンカー リンクはディープ リンクがオンになっていると機能しません。

site.com/section#Tab <- タブに移動するために機能します

site.com/section#Tab#Anchor および site.com/section#Anchor <- 機能しません

これに対する回避策はありますか、それともアンカーをまったく使用せずに機能するスクロールを作成する必要がありますか?

4

1 に答える 1

0

サイド ナビゲーションのスパンの rels とコンテンツのアンカーを使用して一種のハッキングを行い、false を返して # が URL に表示されないようにします。

JS: 

$('.side-nav span').on('click',function(){
    var hash = $(this).attr('rel');
    var anchor = $('#'+hash);

    $('html, body').animate({
        scrollTop: $(anchor).offset().top -30
    }, 1000);

    return false;

});
于 2014-03-04T00:39:58.817 に答える