Scrolling deaktivieren

[ademzenuni1997]

Sehr geehrte Leser/innen

Ich arbeite zurzeit an einem kleinen Projekt, WPS da könnt ihr mal die Seite betrachten.

Mein Problem ist, das ich bei dieser Seite das scrollen nicht deaktivieren kann. Sobald man oben rechts das Menü öffnet, und dann z-b auf "communication" clickt, öffnet es das communication, jedoch scrollt der background immer noch weiter (siehe hash) die hashes im background werden geändert, und das sollte nicht passieren. Sobald ich eines im Menü auswähle, sollte das Scrollen im hintergrund stoppen, im Menü sollte ich ja weiterhin scrollen können.


könnt ihr mir da weiter Helfen ?
¨

Gruss Adem

[mikdoe]

was du beschreibst finde ich auf der verlinkten seite nicht vor. womit genau testest du und auf was für einem gerät mit welcher auflösung?

[ademzenuni1997]

auf einem normalen monitor....

2560 x 1440 27 zoll mac....


wenn man im Communication die seite scrollt, ändert sich im url der hash sprich im background scrollt die startseite weiter

- - - Aktualisiert - - -

Bildschirmfoto 2016-03-17 um 13.27.36.png


hier sieht man wie sich im comm der hash ändert und zu #solution oder #about wird

[mikdoe]

das mit dem scrollen sehe ich nicht. bin auf Chrome desktop

[ademzenuni1997]

hmmm komisch, bin auch auf chrome,..

also ich wiederhole mich noch einmal damit wir fdas auch richtig verstanden haben, sobald ich in einem der links bei dem Menü gehe, scrollt der background immernoch (#hashes vom brackground werden geladen) sobald ich nicht mehr im menü bin, sollte das eigentlich aufhören.


sollte irgendwie ein scrollstop für gezielte objekte haben oder so..


danke für eure Hilfe

[mikdoe]

da muss jemand anders mal mit gucken

[kkapsner]

Ich glaube ich kann dein Problem reproduzieren. Du musst in der fullpage.js die Funktion MouseWheelHandler() so anpassen, dass sie das Event nicht weitergeleitet wird, wenn ev.target innerhalb dieser Navigation liegt.

[ademzenuni1997]

$('nav').on({
			'mousewheel': function(e) {
		        if (e.target.id == '#fullpage') return;
		        e.preventDefault();
		        e.stopPropagation();
		    }
		})

ich habe diesen code eingefügt, der stoppt das scrollen beim menü, jedoch auch bei allen menüpunkten, ich habe erreicht das der background so nicht mehr scrollt, jedoch scrollt dann auch IM Menüpunkt alles nichtmehr haha ?

irgendjemand eine idee ?

[kkapsner]

Im FF hilft dein Code gar nicht...

[ademzenuni1997]

jo ist mir jetz au bewusst blockiert alles damit irgendwie

- - - Aktualisiert - - -

habs geschafft leute, danke

[kkapsner]

Kannst du noch deine Lösung zeigen?

[tsseh]

if (e.target.id == '[B][I][U]#[/U][/I][/B]fullpage') return;

10zeichen