2016-12-23 8 views
0

私のウェブサイトには2つの部分からなるナビゲーションが含まれているため、両方のポイントはメインサイトに配置されたアンカーです。私はそのサイトにサブサイトにつながる他のリンクが追加されています。今では、最初に配置されたメインサイトに戻ったときにアンカーをロードするために、サブサイト上でのみ同じナビゲーションポイントを取得するのは苦労します。インターネットで見つかったいくつかの方法を試しましたが、そのどれも動作していないようです。新しいページにアンカーが読み込まれない

また、インターネット上で見つかったjqueryをスムーズにスクロールし、デフォルトの行を削除しようとしました。

これは私のサイトhttp://stefangloeggl.comです。最初の写真の1つをクリックするとサブサイトにアクセスできます。

マークアップは次のようになります。

<a href="index.php#work">Work</a> 
<a href="index.php#about">About</a> 

<div name="work" id="work"> 
Work 
</div> 

<div name="about" id="about"> 
Biography 
</div> 

本当にありがとうございます。

+0

は、誰もがエラーを再現することができJSFiddleを(https://jsfiddle.net/)を作成してください。これにより、助けを得る機会が大幅に増えます。 – tiblu

+0

私は1つ作成する、私はちょうど2つのオプションを知っていない2つのhtmlサイトを作成する、私は問題を示す必要があります。 – nafets97

答えて

0

あなたのページには非常に奇妙な構造があります。あなたのページのマークアップはボディの高さ/幅が100%で、アンカーは別のものの内側にあります。 ベストソリューションは、ゼロからクリーンマークアップを作成することです。

速く汚れた解決策は、window.location.hash文書の準備を確認してからスムーススクロールを有効にすることです。このよう

$(document).ready(function(){ 
if (window.location.hash.length>1) { 
    $('html, body').animate({ 
     scrollTop: $(window.location.hash).offset().top 
    }); 
} 
}); 
+0

ご協力ありがとうございます。もう1つのアンカーがもう一方のアンカー内にある問題を修正しました。私の未経験を許してください。しかし、別のページで起こるボタンプレスでスクリプトを起動するにはどうすればよいですか? (1ページのaタグが押されたとき、2ページで選択したスクリプトがトリガーされますか?) – nafets97

+0

私は今、このようなものを追加しようとしましたが、それはちょっとしたことですが、正しい場所にジャンプした後、即座にページの先頭に切り替わります。 – nafets97

+0

このスクリプトは、URLが含まれているページと、URLのスクリプトチェックハッシュセクションでのみ動作します。したがって、page2に#someidがある場合、それは動作します。 私はあなたのexpで推測します。あなたはもっと良い方法をいくつかのソリューションのようなhttp://benalman.com/projects/jquery-hashchange-plugin/ プラグインのホームページ上で私はそのイベントの中で私の答えからのコードを移動し、他の場所からトリガするイベントをバインドする例を見つけることができます。 – MadDocNC

関連する問題