2016-03-18 27 views
0

Entschuldigung für die lange Erklärung: Ich bin seit einigen Jahren kein Programmierer mehr, und von Zeit zu Zeit komme ich wegen Budgetproblemen zurück, um ein paar Projekte zu machen. Ich betreibe diese Website derzeit für Bildungszwecke, die die Community über die Vorteile von Tier-Mensch-Interaktionen informieren. Wir machen viel Unterhaltung, aber die meisten werden von Tierärzten geschrieben. Kürzlich habe ich hinzugefügt, um die Website Beiträge in Kategorien zu organisieren, d. D. Hund Katzen Impfstoffe, etc. Da die Website nicht sehr optimiert ist und der Server ist irgendwie langsam, machte ich ein laterales Menü Aufruf Post über Ajax. Das Problem, das ich bin vor ist, dass trotz meiner Bemühungen, indem ein:Nach oben scrollen funktioniert nicht nach Ajax

  • window.scrollTo (0, 0);
    1. $ ('html, body'). Animieren ({scrollTop: 0}, 'langsam');
    2. $ ('html, body'). Animate ({scrollTop: 0}, 0);
    3. A SetTimeout Funktion mit der AJAX Laden

Nichts funktioniert zu beschäftigen. Ich bin wahrscheinlich ziemlich dicht darüber, aber ich brauche Tage, um herauszufinden, was ich nicht sehe. Und macht die Seite nicht sehr funktional. Die Website ist www.guiadocao.com das Menü auf der Website, wenn Sie nicht nach dem Laden der Inhalte nach oben klicken. Ich bitte niemanden, dies zu debuggen, aber ehrlich gesagt habe ich alle verfügbaren Optionen ausgeführt. Also einfach zu schätzen, wenn ein frisches Augenpaar neues Licht in dieses Licht bringen könnte.

Grüße an alle,

Antwort

0

Es ist wie der Code scheint Sie verwenden genau das tut, was Sie es zu fragen. Das Problem ist, der Körper der Seite passt auf die Höhe und nicht mehr, also gibt es kein Scrollen. Sie sollten versuchen, auf dem Element mit der id gleich main (oder das Element, das die Artikel enthält, wenn ich falsch mit der ID bin) zu scrollen.

+0

'$ ('html, body') animieren ({ \t \t \t \t \t \t \t \t \t scrollTop. $ ("# Main") Offset() oben \t \t \t \t \t. \t \t \t \t \t \t}, 2000); \t \t \t \t \t \t \t \t \t \t} 'Ich habe diese aber immer noch nichts versucht. – user772254

+0

'$ ('# main'). Animate ({scrollTop: 0}, 'langsam');' Getestet in der Konsole und es funktioniert. – Loufylouf

+0

Vielen Dank! :) – user772254

0

Versuchen Sie, Ihrer AJAX-Anfrage eine scrollTop-Funktion für den Erfolgsrückruf hinzuzufügen. .

var call = $.ajax({ 
    type: "POST", 
    url: "/path/", 
    success: $(window).scrollTop(0) 
}); 
Verwandte Themen