2017-04-11 1 views
-1

Haben Sie eine Seite mit Höhe 4600px und haben wenn sonst Anweisung in Scroll-Elemente
glatt nach rechts oder links bewegen. Aber das, wenn sonst Block sehr groß.Ich muss es reduzieren.Bitte helfen Sie jedemWie kann ich Blockcode zu reduzieren, wenn sonst

var withAp = document.querySelector('.withAp'); 

window.onscroll = function() { 

    var scrolled = window.pageYOffset || document.documentElement.scrollTop; 

    if (scrolled < 100) { 
    withAp.style.marginRight = '0'; 
    withAp.style.opacity = '0.1'; 
    } 
    if (scrolled > 100 ) { 
    withAp.style.marginRight = '30px'; 
    withAp.style.opacity = '0.2'; 
    } 
    if (scrolled > 200) { 
    withAp.style.marginRight = '50px'; 
    withAp.style.opacity = '0.2'; 
    } 
}; 
+0

Ist das ein Schnipsel von etwas viel länger? Im Moment scheint es nicht "sehr groß" zu sein. – Phylogenesis

+0

@ Phylogenesis aussehen kann ich nicht einfach alle Code einfügen – DuuudeXX8

+0

Das ist auch kein "wenn sonst Block" wie es sonst nicht gibt. Sie werden auf Probleme stoßen, wenn der 'scrolled' größer als 200px ist, Sie werden beide Anweisungen treffen. – nurdyguy

Antwort

0
var withAp = document.querySelector('.withAp'); 

window.onscroll = function() { 

var scrolled = window.pageYOffset || document.documentElement.scrollTop; 

    if (scrolled > 100 ) { 
    withAp.style.marginRight = '30px'; 
    withAp.style.opacity = '0.2'; 
    } else { 
     withAp.style.marginRight = '0'; 
     withAp.style.opacity = '0.1'; 
    } 
    if (scrolled > 200) { 
    withAp.style.marginRight = '50px'; 
    withAp.style.opacity = '0.2'; 
    } 
}; 

Sie dies ohne Kontrolle tun können, ist gescrollt weniger als 100, da, wenn es nicht mehr ist es weniger oder gleich, so dass in anderen Block gehen.

+0

zeigen Sie mir, wie ich dies ohne Überprüfung scrollen kann – DuuudeXX8

+0

Ich habe nicht gesagt, dass Sie nicht überprüfen müssen sroll, sagte ich 'if (scrollte <100) {}' Sie nicht diese Bedingung, Code aus diesem Block kann innerhalb 'else {} 'Schau dir meinen Code in Antwort – varto

+0

vielen Dank – DuuudeXX8