kostenloser Webspace werbefrei: lima-city

Javascript ausfüren bestimmte Fensterbreite

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   sgtest53

   sgtest53 hat kostenlosen Webspace.

   17:40, 13.1.2016

   Hallo, ich möchte das script nur ausführen, wenn die Fensterbreite mehr als 1023px beträgt, sonst soll es aus bleiben. Wie kann ich das am besten machen?
   
   

   $(function(){
       $('#inner-content-div2').slimScroll({
           height: '615'
       });
   });

   
   
   Hier ist ein link zum kompletten script (slimScroll).
   
   http://rocha.la/jQuery-slimScroll
   
   Vielen Dank für eure Hilfe!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. g****e

   18:08, 13.1.2016

   Du kannst die Weite des Browsers abfragen:

   window.innerWidth

   enthält einen Integer Wert, welcherdie Breite des Browsers enthält. Heißt du kannst einfach mit einem if das prüfen.
   Um das nachträglich zu prüfen kannst du

   window.addEventListener('resize', function () { /* check window.innerWidth */}

   verwenden.
   
   Liebe Grüße
4. Autor dieses Themas

   sgtest53

   sgtest53 hat kostenlosen Webspace.

   15:25, 14.1.2016

   Hallo ggamee,
   danke für dein Hilfe.
   
   Diesen Code
   
   

   window.addEventListener('resize', function () { /* check window.innerWidth */}

   
   
   soll ich jetzt mit ein if abfrage einbauen.
   
   

   $(function(){
       $('#inner-content-div2').slimScroll({
           height: '615'
       });
   });

   
   
   Wie mache ich das, damit es dann geht? Ich kenne mich nicht so gut mit Javascript aus.
   Mit freundlichen Grüßen
   Marco

5. davidlw

   

   davidlw hat kostenlosen Webspace.

   15:37, 14.1.2016

   Nein, Du sollst das window.innerWidth mit einer if Abfrage überprüfen. Der andere Code ruft den Code bei »/* check window.innerWidth */« jedes mal auf, wenn sich die Größe des Browserfensters ändert.
   Da musst Du das zuvor geänderte evtl. rückgängig machen (wenn das Fenster jetzt plötzlich kleiner als 1023px ist) oder erst ausführen (wenn es erst jetzt breiter als 1023px ist).
   Am besten schreibst Du Dir eine Funktion, die auf window.innerWidth prüft, die entsprechenden Änderungen vornimmt bzw. rückgängig macht und rufst die einmal beim Seitenaufbau und einmal über den von ggamee genannten EventListener auf.
6. Autor dieses Themas

   sgtest53

   sgtest53 hat kostenlosen Webspace.

   19:01, 14.1.2016

   Ich verstehe das nicht.
   

7. hddg

   hddg hat kostenlosen Webspace.

   21:15, 14.1.2016

   Das ist eigentlich ganz einfach. Mit "if" kannst Du Befehle von einer Bedingung abhängig machen. also
   

   if (window.innerWidth > 1023) {
     $('#inner-content-div2').slimScroll({
       height: '615'
     });
   }

   
   
   Das Code-Schnipsel mit dem addEventListener() brauchst Du nur, wenn Deine Seite auf Änderungen der Fenstergrösse (also auch Maximieren, Wiederherstellen, oder auf Mobilgeräten drehen des Geräts von Portrait auf Landscape und umgekehrt.) reagieren können soll, also der Scroll-Balken bei Über- und Unterschreiten der Grenze auftauchen bzw. verschwinden sollen.
   
   H.

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?