Hintergrund flackert beim scrollen im IE und Edge

Maja66

Theme Flat Responsive-Slate

Hallo,

ich habe folgendes Problem, dass mein Hintergrund bzw. Hintergrundbild beim scrollen im IE und Edge flackert.
Url: http://www.esvwaldshut.de
Bei allen anderen Browsern tritt diese Erscheinung nicht auf.
Leider konnte ich bisher nichts im Forum finden. Bitte um Hilfe.

Folgender Versuch wurde von mir schon mit einem anderen Hintergrund ausprobiert, doch auch hier das gleiche Problem.

Zu dem habe ich im CSS der Homepage folgenden Eintrag hinzugefügt.

<style>
body {

background-attachment:fixed;
}
</style>

Dies brachte auch keinen Erfolg.

Grüße, Mathias

Steffen T.

Hallo,

das ist ein bekannter Bug des Internet Explorers. Als Workaround gibt es hierzu ein Skript. Bitte in Zeta Producer die Attribute aufrufen. Siehe https://docs.zeta-producer.com/attribute.html. Hier dann das Attribut "footer_script" zum Bearbeiten öffnen und nachfolgenden Code einfügen. Danach Website neu erstellen und veröffentlichen.

Code

<script>
if(navigator.userAgent.match(/Trident\/7\./)) {
  document.body.addEventListener("mousewheel", function() {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}
</script>

Maja66

Hallo,

vielen Dank für die schnelle Antwort.

Der Code hat bestens im IE funktioniert. Leider besteht im Edge das Problem weiterhin.
Habe auch komplett den Cache und den Verlauf geleert.

Gibt es für Edge noch einen erweiterten Code?

Ich persönliche Benutzer diesen Browser nicht aber ich habe gesehen, dass viele Besucher diesen Browser nutzen.

Das ist sehr ärgerlich, wenn sich das Problem nicht lösen läßt.

Freundliche Grüße

Mathias

madas

Versuche mal das hier:

Code

<script>
var uA = window.navigator.userAgent,
    onlyIEorEdge = /msie\s|trident\/|edge\//i.test(uA) && !!( document.uniqueID || window.MSInputMethodContext),
    checkVersion = (onlyIEorEdge && +(/(edge\/|rv:|msie\s)([\d.]+)/i.exec(uA)[2])) || NaN;
if(!isNaN(checkVersion)) {
  document.body.addEventListener("mousewheel", function() {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}
</script>

Alles anzeigen

Maja66

Hallo,

DANKE, jetzt klappts auch im EDGE. Danke an Euch Beiden für die schnelle und tolle Hilfe.

Grüße, Mathias

Hintergrund flackert beim scrollen im IE und Edge

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?