2016-04-01 2 views
1

* Meine Anforderung: **

Wenn der Benutzer auf das bestimmte HTML-Anker-Tag klickt, wird die Seite an den bestimmten Ort auf der Seite weitergeleitet.

Meine Logik:

für Scorlling auf die besondere Lage der Seite habe ich die JQuery $ (Fenster) .scrollTop() verwendet wird; Methode.

Mein Problem:

, wenn der Benutzer klickt auf den Anchor-Tag (Noch Fragen?) Im Kopfteil meiner Webseite und dann Seite Scrollen mit dem Schnellanfrag Teil meiner Seite. Danach wird wieder oben auf der Seite geschwärmt.

Es möchte an der Schnellanfrage-Sektion selbst aufhören, es muss nicht wieder an den Anfang der Seite scorll.

Mein 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> 

könnte mir jemand helfen, die Lösung dieser Seite scrollen .thanks im Voraus zu finden.

Antwort

2

Versuchen Sie es mit diesen:

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

ich in Ihrem Fall raten Sie zu dieser Klasse blättern (customFooterMenu)

Wenn die obige Methode nicht funktioniert, versuchen Sie es Weisen Sie dem zu scrollenden div eine ID zu und verwenden Sie diese ID anstelle von customFooterMenu.

1

, wie etwa die Verwendung

$(document).scrollTop(1042);

+1

HI Stack Exchange Community-Benutzer, wenn ich das $ (Dokument) .scrolltop (1042) verwenden; ist auch nicht scheißegal. –

+0

in meinem Browser (Chrom), funktioniert gut. – Andrew

+0

@ User395 Sie möchten sie mit Animation bewegen? – Andrew

Verwandte Themen