netsurfer: jQuery addClass - neue Elementabmessungen

Beitrag lesen

@@Gunnar

Vermutlich wegen des iframes ...

Wie auch immer. Jedenfalls funktioniert das mit CSS-Multicolumns – ohne irgendwelches anderes Gefrickel.

Nein, tut es nicht! ;-) Weil du so oder so per Javascript die Elementbreite (und somit die "entstandene" Anzahl an Spalten) ermitteln musst, wofür es wie bereits gesagt verschiedene Möglichkeiten gibt.

Alles andere, inklusive dem "animierten" Scrollen funktioniert dann rein per CSS, da stimme ich dir zu.

Und falls das hier in Zukunft mal jemand lesen sollte, der etwas Ähnliches bauen will, hier noch ein Tipp:

Angenommen der in Spalten umzubrechende Text ist auf mehrere P-Elemente verteilt, und man möchte nicht, dass der Text innerhalb eines Abschnitts umgebrochen wird, dann kann man das ebenfalls per CSS verhindern (Stand heute noch mit Vendor Prefixes)

p {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

siehe: CSS-Tricks - break-inside

Gruß Gunther

0 48

jQuery addClass - neue Elementabmessungen

netsurfer
  • css
  • javascript
  • jquery
  1. 0
    Camping_RIDER
    1. 1
      1unitedpower
      1. 0
        netsurfer
        1. 0
          1unitedpower
          1. 0
            netsurfer
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
            2. 0
              Gunnar Bittersmann
              1. 0
                netsurfer
                1. 1
                  Gunnar Bittersmann
                  1. 0
                    netsurfer
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Gunnar Bittersmann
                      2. 0
                        netsurfer
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            netsurfer
                          2. 0
                            Gunnar Bittersmann
                            1. 0
                              netsurfer
                            2. 0
                              Gunnar Bittersmann
                              1. 0
                                netsurfer
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    netsurfer
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        netsurfer
                                        1. 0
                                          Gunnar Bittersmann
            3. 0
              1unitedpower
              1. 0
                netsurfer
                1. 0
                  1unitedpower
                  1. 0
                    netsurfer
                    1. 1
                      Camping_RIDER
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Camping_RIDER
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Camping_RIDER
                              1. 0
                                netsurfer
          2. 0
            netsurfer
            1. 0
              Camping_RIDER
              1. 0
                netsurfer
                1. 0
                  1unitedpower
                2. 0
                  unknown
                  1. 0
                    unknown
                    1. 0
                      netsurfer
  2. 0
    Mitleser
  3. 0

    Fiddle jQuery addClass - neue Elementabmessungen

    netsurfer
  4. 0

    [Erledigt] jQuery addClass - neue Elementabmessungen

    netsurfer
    1. 0
      Camping_RIDER
    2. 0
      unknown