別のページのアンカータグにリンクする

Question

他のページの特定のdivにリンクするボタンがあるセクションがあります。

<a id="btn1" class="btn btn-default" href="http://example.com/services.html#corporate" role="button">More</a> 

idは "corporate"というIDを持つ別のページのdivにリンクしています。

問題は、アンカータグにフォーカスする直前にページを開くときに、divに注目する前にメインヘッダーを点滅させるという点です。これを避けるためにとにかくありますか？一度リンクをたどってからもう一度罰金を取ると、divに集中する前にリンクを読み込んで表示するだけのようです。何かアドバイスをいただきました。

Answer 1

問題は、あなたがページに移動した直後にページが完全に読み込まれていないことです。したがって、#corporateのアンカーはすぐには存在しません。その結果、ページの上部が最初にフラッシュされ、使用可能なアンカーに移動します。

Answer 2

jQueryを使用してIDまでスクロールダウンできます。少なくともそれは円滑なプロセスです。このようにして、ユーザーはページ上のどこにIDがあるかを知ることができるので、移動した場所について混乱することはありません。

var j = (document.URL.substring(document.URL.lastIndexOf("\/")+1)); 
var hash = j.substring(j.lastIndexOf("#")) 
if(j.lastIndexOf("#")!=-1) 
{ 
var j = j.substring(0,j.lastIndexOf("#")) 
$(document).ready(function(){ 
       $('html, body').stop().animate({ 
        scrollTop: $(hash+'').offset().top 
        }, 1000); 
}); 

私がこれを使用しているサイトからこのコードを取得しましたので、間違いがあればごめんなさい。