2016-04-01 3 views
1

*私の要件:**

ユーザーが特定のHTMLアンカータグをクリックすると、そのページはページの特定の場所に移動しています。

マイロジック:ページの特定の場所へのScorllingため

、私はjQueryの$(ウィンドウ)を使用している.scrollTop();方法。

私の問題:

ユーザーは、アンカータグをクリックする(質問をお持ちですか?)私のWebページのヘッダ部で、その後、私のページの迅速な問い合わせ部分にページスクロール。その後、再びページの上部に向かいます。

クイックお問い合わせセクションで停止したい場合は、再度ページの上部にスクロールしないでください。

マイCODE:

<script type="text/javascript"> 
    function moveToBottom() 
    { 
     alert("before scorlling"); 
     $(window).scrollTop(1042); 
     $('.wpcf7-form-control wpcf7-text wpcf7-validates-as-required').focus(); 
    alert("after scorlling"); 
    } 
</script> 

誰もが、このページのスクロールが事前に.thanks解決策を見つけるために私を助けることができます。

答えて

2

これを使用してみてください:

$('html, body').animate({ 
    scrollTop: $(".customFooterMenu").offset().top 
}, 2000); 

私はあなたのケースであなたは、このクラス(customFooterMenu)までスクロールしたいと思います

上記の方法がうまくいかない場合は、試してくださいスクロールしたいdivにidを割り当て、customFooterMenuの代わりにidを使用します。

1

使い方について

$(document).scrollTop(1042);

+1

HI Stack Exachangeコミュニティユーザー、$(document).scrolltop(1042);を使用している場合。同じくscorllingではありません。私のブラウザ(クロム)に –

+0

、うまくいきます。 – Andrew

+0

@ User395アニメーションでそれらを移動させたいですか? – Andrew

関連する問題