特定のセクションに移動するためにスクロール機能を使用するにはどうすればよいですか？

Question

私はちょうど自分のワードプレスサイトにthis siteのコードを追加しました。今度は、コードでは、常に完全な高さになるように、ターゲットのセクションに自動高さを追加するようになっています。

jsが次のようになります。

(function() { 
    var delay = false; 
    $('<a name="#A1">Tag #1.</a>,.home').insertBefore('.eluid6ccc1f08'); 
    $(document).on('mousewheel DOMMouseScroll', function(event) { 
    event.preventDefault(); 
    if(delay) return; 

    delay = true; 
    setTimeout(function(){delay = false},200) 

    var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail; 

    var a= document.getElementsByTagName('a'); 
    if(wd < 0) { 
     for(var i = 0 ; i < a.length ; i++) { 
     var t = a[i].getClientRects()[0].top; 
     if(t >= 40) break; 
     } 
    } 
    else { 
     for(var i = a.length-1 ; i >= 0 ; i--) { 
     var t = a[i].getClientRects()[0].top; 
     if(t < -20) break; 
     } 
    } 
    $('html,body').animate({ 
     scrollTop: a[i].offsetTop 
    }); 
    }); 
})(); 

にはどうすれば自動的に高さを追加することなく、すぐに私がアップスクロールダウンしたりなどの特定のセクションに行くことができますか？

あなたはsee in my pen hereのようにアンカータグを使用できますが、残念ながらアンカータグを物理的に追加するサイトのhtmlにはアクセスできません。

私はある意味がありました。

Answer 1

外部のリソースを使用することができる場合、私はJQueryプラグインpageScrollerを作成しました。これにより、コンテナの子の間で '自動スクロール'が可能になりました。

できない場合は、自分でJavascriptでアンカーを追加することができます。 要素を選択してIDを追加するだけです。 これをアンカーとして使用できます。