So zeigen Sie den Block im sichtbaren Fenster an, indem Sie auf einen anderen Block klicken

Question

Bitte helfen Sie mir dabei. Bitte finden Sie den Link unten, damit Sie den tatsächlichen Bedarf erkennen können.

$(document).ready(function(){ 
    $('a.n-stand-b, a.n-stand-a, a.e-stand-b, a.e-stand-a, a.w-stand-b, a.w-stand-a, a.s-stand-b, a.s-stand-a').click(function()  { 
    $('[class*="b-"]').removeClass(function(index, className) { 
     return (className.match(/(^|\s)b-\S+/g) || []).join(' '); 
    }); 
    var stand_class= $(this).attr('class'); 
    $('div.'+stand_class).hide().prependTo('.container-right-column .container-right').slideDown(1000); 
    $('div.'+stand_class).addClass('b-'+stand_class); 
    }); 
}); 

https://jsfiddle.net/oz2k1xav/2/

Gerade jetzt, wenn ich auf der linken Seite Stadion jemand von Block in der rechten Spalte so entsprechend klicken es an der Spitze des rechten Behälters gleitet nach unten.

Und nach dem Scrollen auf der Seite mache ich die linke Containerposition fest und rechts Container scroll-fähig. Wenn Sie auf ein Stadion klicken, werden die Containerblöcke blockiert, die nur auf dem Container angezeigt werden.

Aber was ich wirklich will, dass wenn ich scrolle nach unten und dann auf den linken Container Stadion Block klicken, sollten die richtigen Container Blöcke im sichtbaren Fenster nicht an der Spitze des rechten Behälters angezeigt werden.

Bitte jemand mir helfen, es ist wirklich bedürftig ... Und lassen Sie es mich wissen.

Dank

Answer 1

Die Lösung, die Sie wird vorangestellt das gewünschte Element mit dem Behälter zur Verfügung gestellt haben, das ist, warum es immer oben ist. Was Sie brauchen, ist auf das gewünschte Element zu blättern,

Ich habe eine jquery plugin(scrollTo) in der unten jsfiddle hinzugefügt, die die Arbeit erledigt

https://jsfiddle.net/oz2k1xav/3/

Diese sind Linien

modifizierte Sie

//$('div.'+stand_class).hide().prependTo('.container-right-column .container-right').slideDown(1000); 

    $.scrollTo($('div.'+stand_class)[0], 1000, { 
    offset: -100 
    });