2016-10-16 10 views
0

ページ1のリンクをクリックすると、特定のポイントで2ページに移動する必要があります。私はクッキー、ハッシュタグを使用してみました..それは動作していません。どのように私はこれを行うことができるように誰にも何か提案がありますか?オンクリック特定のポイントで別のページに移動

jQuery('.acco').click(function() { // Page - 1 
    jQuery('body.page-id-2').animate({ // Page - 2 
     scrollTop: jQuery('a#example').offset().top 
    }, 1000);  
}); 

私はsettimeoutを使用しました。それは正常に動作しています。しかし、問題はもう一度、私たちがページをリフレッシュする場合は、それは下にスクロールしています。ページ1リンクをクリックしたときにのみ、ページ2にスクロールする必要があります。ここにコードがあります。

jQuery(document).ready(function() { 
    setTimeout(function() {  
     jQuery('body.page-id-2').animate({    
      scrollTop: jQuery('a#example').offset().top 
     }, 1000);  
    }, 2000); 
}); 
+0

あなたはそれをもっと説明できますか? –

+0

人々に手伝ってもらうには、問題のあるコードのスニペットを貼り付ける必要があります。 – Nurjan

+0

@Nurzhan、上記のコードを調べることはできますか? – Raghupathy

答えて

1

ハッシュラーを参照してページを特定の位置にアニメートするには、次のコードを使用します。

jQuery(window).load(function(){ 
    if(window.location.hash == '#example'){ 
     jQuery('html,body').animate((
       scrollTop: jQuery('#example').offset().top 
     }, 1000); 
    } 
}); 
+0

これは、ページがスクロールされた後でもスクロールします。質問は「しかし、問題はもう一度、私たちがページをリフレッシュすると、それは下にスクロールしている」と言います。 –

1

は、あなたが1ページにクッキーを設定する必要があり、ページの更新についての問題を克服し、2ページに、このクッキーをチェックし、あなたがそれを見つけた場合、そのページをスクロールして、クッキーを削除するにはそうでない場合は何もしないでください

+0

ありがとう..私はそれを試しました.. $ .cookie( 'demo_cookie'、 'Demo Cookie');問題は$ .cookieはの関数ではありません:1:3 ..また、コンソールのjQuery.cookie同じエラーを試みました..これを解決するための考え方 – Raghupathy

+0

'document.cookie'を使用するだけです –

+0

これは設定方法ですページ2をクリックしている間、ページ1のクッキー。 – Raghupathy

関連する問題