Inhalt flackert beim Scrollen IE 9/10 [GELÖST]

**andrea$** · 21.09.2014, 14:32

ich dachte es lag am IE 9 den ich noch installiert hatte aber auch im IE 10 flackert der Inhalt der pages beim Scrollen (klick auf Navigation).

Problem tritt in IE 9/10/11

was ich bis jetzt als Ursache für das Problem ausmachen kann, ist die moo_smoothScroll.html5

bei dem Code ist es ok

Code:

var offsetY = 150;

window.addEvent('domready', function() 
{	 
	new Fx.SmoothScroll({ duration: 800 },window);
	
});

bei diesem Code tritt das Flackern nur beim Stop (Scrollen) auf:

Code:

var offsetY = 150;

	new Fx.SmoothScroll(
	{
	   duration: 800,
	   offset: {'y':-offsetY}
	});
	
});

beide zusammen ist das Flackern am stärksten

Code:

var offsetY = 150;

window.addEvent('domready', function()
{
	new Fx.SmoothScroll({ duration: 800 },window);

});

var offsetY = 150;

	new Fx.SmoothScroll(
	{
	   duration: 800,
	   offset: {'y':-offsetY}
	});

den Post wo der Code auftaucht wurde finde ich nicht mehr. Nur noch die Frage von mir, ob der so korrekt ist. Ich weiß nicht ob die sich nicht gegenseitig stören? 2x var offsetY = 150; und duration etc.

Kann man nicht das offset: {'y':-offsetY} in den Code

Code:

var offsetY = 150;

window.addEvent('domready', function() 
{	 
	new Fx.SmoothScroll({ duration: 800 },window);
	
});

einfügen?

**andrea$** · 22.09.2014, 11:50

muß dann wohl an der alten Version 2.0.0 build 16
In einer Testinstallation mit der opw von github ruckelt u. flackert der IE nicht.

**andrea$** · 25.09.2014, 01:55

Ich habe im ER jquery-smooth-scroll installiert u. es flackert im IE u. Opera 12.17 nicht mehr!!!

mit offset: -150 ist rutscht der Inhalt auch nicht unter den Header

Code:

<script src="system/modules/jquery-smooth-scroll/assets/jquery.smooth-scroll.min.js"></script>
<script>
(function($) {
  $(document).ready(function() {
	$('a').smoothScroll({
	  // Put custom options here
	  easing: 'swing',
	  speed: 800,
	  offset:-150,
	});
  });
})(jQuery);
</script>

Ich habe mir hier die easing Variationen mal angeschaut. Außer linear u. swing funktioniert kein anderes Beispiel.
Vielleicht schaffe ich es ja auch noch OPW 2.2.0 zu installieren.

**andrea$** · 25.09.2014, 15:46

Nochmal abschließend (hoffe ich) vielen Dank an alle die mir mit ihren Antworten geholfen haben. Insbesondere an Tim für seine Erweiterung u. Geduld, die ich wohl manchmal etwas strapaziert habe.
Wer das Endprodukt mal sehen möchte, den schicke ich gerne den Link per PM.

Alles wird gut!

Andreas

**andrea$** · 27.09.2014, 10:55

Einen Nachteil hat die Lösung mit dem j_smoothscroll doch.

Jetzt werden die aktiven Menüpunkte nämlich nicht angezeigt. Offensichtlich ist brauchen die nav_default u. opw_default die moo_smoothscroll oder umgekehrt?

Das der Besucher immer in die Adressleiste schaut wenn er in der Seite navigiert wage ich zu bezweifeln. Wobei die einzelnen pages bei mir durch Überschriften erkennbar sind.
Trotzdem würde mich interessieren ob das genauso anpassbar ist wie vorher mit dem moo Template.