Skocz do zawartości

tło strony krótsze od treści


kamil90

Recommended Posts

witam,

mam tło strony o wysokości 1400px, treść na co niektórych podstronach jest jednak dłuższa niż wysokość tła, i teraz chciałbym uzyskać taki efekt, że podczas przewijania strony tło przewija się tylko do tych 1400px i sie zatrzymuje a treść leci dalej.

Próbowałem zrobić to w poniższy sposób, ale efekt nie jest zadowalający, przejście nie jest płynne.

var wysokosc_okna = $(window).height();
var szerokosc_okna = $(window).width();

 $(window).scroll(function () {

            if ($(this).scrollTop() > (1400 - wysokosc_okna)) {
                $('body').css('background-attachment', 'fixed');
                $('body').css("background-position", (szerokosc_okna - 900) + "px bottom");
            } else {
                $('body').css('background-attachment', 'none');
                $('body').css("background-position", (szerokosc_okna - 900) + "px top");
            }
 });

  • Upvote 5
Link do komentarza
Udostępnij na innych stronach

  • 4 months later...
  • 2 months later...

Możesz zawsze zrobić tak:

- tło jako zdjęcie (sam dół zdjęcia) w jednolitym kolorze

- pod zdjęciem nałozyć kolor tła taki sam jak dolna część zdjęcia i wtedy masz pelna długość strony z nieuciętym kolorem

Link do komentarza
Udostępnij na innych stronach

  • 3 years later...
  • 2 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...