Zurück zur Hauptfolie des Abschnitts mit dem Plugin fullpage.js

Ok, ich versuche das existierende Fullpage.js Plugin zu ändern ( https://github.com/alvarotrigo/ fullPage.js/).

Was ich brauche, ist, dass, wenn der Benutzer jeden Abschnitt verlässt, dieser Abschnitt automatisch zu der Hauptfolie des Abschnitts zurückkehren soll.

Verwenden Sie beispielsweise die Test-Website, die sich hier befindet: ( http://trouve.thinkatmosphere.com ). Wenn ich mich gerade im Abschnitt "about" befinde und nach rechts navigiere und dann den About-Bereich verlasse und zum Abschnitt "client" navigiere, wenn ich zum Abschnitt "about" zurückkehre, muss ich ihn auf dem ersten haben Folie dieses Abschnitts erneut.

Wie würde ich den folgenden Code ändern, damit ich dies ausführen kann:

$.fn.fullpage.moveToSlide = function (index, slide) {
  var destiny = '';
  if(isNaN(index)) {
    destiny = $('[data-anchor="'+index+'"]');
  } else {
    destiny = $('.section').eq( (index -1) );
  }
  if (isNaN(index) && slide !== 'undefined') {
    scrollPageAndSlide(index, slide);
  } else {
    if (destiny.length > 0) {
      scrollPage(destiny);
    }
  }
};`
0

1 Antworten

Es ist mit keiner Option möglich. Sie müssten das Plugin dafür ändern, aber nicht die Funktion, auf die Sie hinweisen. Auf diese Weise würde der Benutzer zu dem gegebenen Abschnitt und der Folie umgeleitet werden. Sie müssen die Bewegung im Hintergrund ohne das Wissen des Benutzers machen.

Sie müssten die Funktion scrollSlider öffentlich machen und sie aus Ihrem eigenen Code aufrufen ( onLeave oder afterLoad Callbacks)

Um es von der Initialisierung oder einem anderen externen Code aus öffentlich zugänglich zu machen, müssen Sie den Header der Funktion ändern:

function scrollSlider(section, slide) {
    if (typeof slide != 'undefined') {
        var slides = section.find('.slides');
        var destiny = slides.find('[data-anchor="' + slide + '"]');
        if (!destiny.length) {
            destiny = slides.find('.slide').eq(slide);
        }

        landscapeScroll(slides, destiny);
    }
}

Zu diesem:

$.fn.fullpage.scrollSlider= function(section, slide){
  /// .... the same code as in the old function
}

Dann onLeave des aktuellen Abschnitts können Sie diese Funktion für denselben Abschnitt aufrufen und den Wert 0 für die -Scheibe angeben.

0
hinzugefügt