bei Klick auf Accordion an Anfang Accordion springen, oder auf Element im Accordion
Hallo,
ich habe auf einer Mitarbeiter-Seite mehrere Accordions für die verschiedenen Abteilungen. Diese sind am Anfang alle geschlossen.
Klickt man auf eine Abteilung öffnet sich diese und die Mitarbeiter erscheinen alle (ziemlich viele). Klickt man nun auf die nächste Abteilung schließt sich die davor geöffnete. Bis dahin ist alles perfekt.
ABER: beim Öffnen der neuen Abteilung bleibt der Browser in der Höhe stehen, auf der er gerade war. D.h. Mitarbeiter die weiter oben stehen, sind nicht ohne nach oben scrollen sichtbar. Das ist ziemlich ungünstig, denn man erwartet dass er automatisch an den Anfang des Accordions springt.
Lösungsversuche mit Ankern haben nichts gebracht.
Meine Idee wäre, die Geschwindigkeit des Einklappens höher zu stellen als die Geschwindigkeit des Ausklappens. Entsprechende Versuche mit der mootools.tpl haben allerdings nicht zum gewünschten Ergebnis geführt. :(
Ich habe "duration" angegeben, dadurch wird allerdings die Geschwindigkeit beider "Aktionen" beeinflusst.
ZWEITES PROBLEM:
Von einer anderen Seite möchte ich auf diese Mitarbeiterseite verlinken, und dabei schon auf die entsprechende Abteilung verweisen, d.h. eines der Accordions soll sich öffnen und die entsprechenden Mitarbeiter anzeigen.
Auch hier mit Ankern kein Erfolg.
Hat jemand eine Idee, wie ich das lösen kann; oder hat jemand so etwas vielleicht schon gemacht?
Wonach muss ich denn da genau suchen?
Wonach muss ich denn da genau suchen? Habe noch keine Lösung für mein Problem gefunden.
bei Klick auf Accordion an Anfang Accordion springen, oder auf Element im Accordion
Zitat:
ABER: beim Öffnen der neuen Abteilung bleibt der Browser in der Höhe stehen, auf der er gerade war. D.h. Mitarbeiter die weiter oben stehen, sind nicht ohne nach oben scrollen sichtbar. Das ist ziemlich ungünstig, denn man erwartet dass er automatisch an den Anfang des Accordions springt.
Hallo zusammen!
Wollte fragen ob jemand weiß, ob es unterdessen eine Lösung für das oben beschriebene Problem von "sonnenblume" gibt?
Gandalf
Mit jQuery zum Anfang des Toggler springen
Auch 30 jahre später noch immer aktuell. Komisch das solche DInge nicht mittlerweile selbstverständlich sind und eingebaut wurden.
Für Mootools hatte ich meinen eigenen hack geschrieben vor 2 Jahren, den für jquery wollte ich hier an der Stelle auch nochmal erwähnen weil ich jetzt gerade gebraucht hatte :)
PHP-Code:
// activate($(this));
$('html, body').animate({ scrollTop: ($('div.toggler').offset().top)}, 'slow');
//}).keypress(function(event) {
@izanagi - Geht auch nur zum geöffneten Akkordeon springen?
Danke für die jquery Lösung. Leider springt die Seiten dann immer ganz nach oben zum Beginn des ersten Akkordeons. Kann man das auch so hinbekommen, dass die Seite als Top den geöffneten Toggler nimmt? Also so, dass die Überschrift immer Top ist?
Berni
Mit jQuery zum Anfang des Toggler springen
Danke für die jquery Lösung!
Code:
<script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/ui/<?php echo JQUERY_UI; ?>/jquery-ui.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
collapsible: true,
active: false
});
var activate = function(tog) {
var tgs = $('div.toggler');
tgs.removeClass('active');
tog.addClass('active');
tgs.next('div.accordion').attr('aria-hidden', 'true');
tog.next('div.accordion').attr('aria-hidden', 'false');
};
$('div.toggler').focus(function(e) {
$('div.toggler').attr('tabindex', 0);
$(this).attr('tabindex', -1);
}).blur(function() {
$(this).attr('tabindex', 0);
}).click(function() {
activate($(this)),
$('html, body').animate({ scrollTop: ($('div.toggler.active').offset().top)}, 'slow');
}).keypress(function(event) {
if (event.keyCode == 13) activate($(this));
});
});
})(jQuery);
</script>
31 jahre später noch immer aktuell... ;)
Hat jemand eine Lösung für dieses Problem?:
Zitat:
Das Problem ist das man nur rückwärts von unten dem letzten Accordeon nach oben klicken kann. Von oben nach unten klicken geht nicht, der springt dann leider mittig oder gar unten bis zum footer. Keine Ahnung wieso.
Viele Grüße,
Per
Accordion Probleme wie Tamaggue
Hallo,
ich habe das selbe Problem. Mein Accordion springt immer weg.
Hier ist die Seite: nordbaecker.de
Wäre sehr erleichtert für Eure Hilfe.
bei Klick auf Accordion an Anfang Accordion springen, oder auf Element im Accordion
Zitat:
Zitat von
tamague
funktioniert, so wie ich es haben wollte
DANKE
lg Tanja
Kannst du mir zeigen, wie du das hinbekommen hast. Ich habe das selbe Problem. Mein header ist fixiert und mein accordion wird über position:sticky unter dem header festgehalten. Wenn ich allerdings im accordion runterscrolle und auf das accordion-head anklicke, springt es nach oben, so das das accordion aus dem Sichtfeld ist.
meine Seite ist: nordbaecker.de
Ich bin sehr dankbar, für jeden Vorschlag, der hier weiterhilft.
Lg