Pomoc z prostym skryptem JS/klasami CSS

Dla specjalistów Programowanie
#1

Mógłby ktoś pomóc poprawić mi JS/CSS lub wytłumaczyć czego brakuje/co jest źle, abym poprawił sam? Chciałbym w końcu coś w tego wyciągnąć.
Cel: chce, aby div.first zaczął się scrollować w momencie, kiedy div.second będzie poza oknem/ekranem.

body{ background-image: url("http://i.imgur.com/PbV1Grl.jpg"); background-attachment: fixed; background-size: cover; } * { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } html, body { height: 100%; } div { width: 100%; height: 100%; } div.first { } div.second { background-image: url("http://i.imgur.com/VWYl1EC.jpg"); background-size: cover; } p#tekst { position: fixed; top: 0; z-index: -1; }

nigdy bym nie pomyślał, że tak wszystko się zmieni,
na obcej ziemi długo, ponad cztery lata,
trochę zyskałem, co z tego? o wiele więcej straciłem,
każdego kolejnego dnia z myślami się biję,
w pobliżu jak wąż się wije pierdolona zła energia,
■■■■■ ten świat zaczyna mnie poważnie wnerwiać,
praca, dobrze jest jeden plus chociaż się opłaca,
do normalnego życia nie muszę dopłacać,
mam hajs na zioło, alkohol, ciuchy i sprzęt,
mogę zajmować się muzyką kiedy tylko chcę,
co z tego? skoro zgubiłem własną drogę i sens,
zaciśnięta pięść, bardzo często podobny sen,
nostalgia, melancholia, tęsknota za tym co było,
tysiące wspomnień wraca z coraz większą siłą,
choć czasem się wydaje, że tego nigdy nie było,
co to jest przyjaźń? co to ■■■■■ jest miłość?

te wszystkie godziny, które spędziłem sam,
często myślę - za dużo było tych zmian,
za dużo ran, wiele niepotrzebnych słów,
pieprzyć wszystko, czas na kolejny ruch,

zostałem sam na tej pieprzonej stacji donikąd,
nie pierwszy, nie ostatni ze straconych zawodników,
nie ufam już nikomu, poza paroma wyjątkami,
jedno jest pewne kurwy będą kurwami,
tęsknię za mamą, Poznaniem, moimi rejonami,
za porządną imprezką z dobrymi kumplami,
po staremu pewnie byłaby ■■■■■ na poziomie,
tutaj mój nastrój często w deszczu tonie,
łzy gdy widzisz jak ktoś bliski schodzi na psy,
często jestem zły, jeszcze częściej wkurwiony,
a demony przeszłości nie znają litości,
wszystko rozpieprzą, ona to już przeszłość,
a teraźniejszość jest totalnie pogmatwana,
czasem do rana nie potrafię zasnąć przez nią,
ciemność, wtedy problemy wychodzą na zewnątrz,
umierają wtedy, piękne kwiaty zaczynają więdnąć,

te wszystkie godziny, które spędziłem sam,
często myślę - za dużo było tych zmian,
za dużo ran, wiele niepotrzebnych słów,
pieprzyć wszystko, czas na kolejny ruch,
te wszystkie godziny, które spędziłem sam,
często myślę - za dużo było tych zmian,
za dużo ran, wiele niepotrzebnych słów,
pieprzyć wszystko, czas na kolejny ruch,

#3

Bo to po części wina forum i zaszłości twojej z BBCode, tu nie działa poprawnie linowe/blokowe [Code] a HTML jest parsowany i filtrowany jak nie wkleisz w polu na kod (stąd skrypt w tagu <script> “wyparował”).

JS:

<script> 
window.onscroll = function() {myFunction()};

var tekst = document.getElementById("second");

var unstycki = tekst.offsetTop;

function myFunction() {
    if (window.pageYOffset >= unsticky) {
        tekst.classList.add("tekst")
    } else {
        tekst.classList.remove("tekst");
    }
}

</script>

CSS:

<style>
body{
   background-image: url("http://i.imgur.com/PbV1Grl.jpg");

  background-attachment: fixed;

  background-size: cover;
}
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin: 0;
}

html, body {
  height: 100%;
}

div {
  width: 100%;
  height: 100%;
}
div.first {

}
div.second {
  background-image: url("http://i.imgur.com/VWYl1EC.jpg");
  background-size: cover;
}
p#tekst {
    position: fixed;
    top: 0;
    z-index: -1;
}
</style>

HTML:

<div class="second">
</div>
<div class="first" ><p id='tekst'>
  nigdy bym nie pomyślał, że tak wszystko się zmieni,<br>
na obcej ziemi długo, ponad cztery lata,<br>
trochę zyskałem, co z tego? o wiele więcej straciłem,<br>
każdego kolejnego dnia z myślami się biję,<br>
w pobliżu jak wąż się wije pierdolona zła energia, <br>
... ten świat zaczyna mnie poważnie wnerwiać,<br>
praca, dobrze jest jeden plus chociaż się opłaca,<br>
do normalnego życia nie muszę dopłacać,<br>
mam hajs na zioło, alkohol, ciuchy i sprzęt,<br>
mogę zajmować się muzyką kiedy tylko chcę,<br>
co z tego? skoro zgubiłem własną drogę i sens,<br>
zaciśnięta pięść, bardzo często podobny sen,<br>
nostalgia, melancholia, tęsknota za tym co było,<br>
tysiące wspomnień wraca z coraz większą siłą,<br>
choć czasem się wydaje, że tego nigdy nie było,<br>
co to jest przyjaźń? co to ... jest miłość?<br>
<br>
te wszystkie godziny, które spędziłem sam,<br>
często myślę - za dużo było tych zmian,<br>
za dużo ran, wiele niepotrzebnych słów,<br>
pieprzyć wszystko, czas na kolejny ruch,<br>
<br>
zostałem sam na tej pieprzonej stacji donikąd,<br>
nie pierwszy, nie ostatni ze straconych zawodników,<br>
nie ufam już nikomu, poza paroma wyjątkami,<br>
jedno jest pewne kurwy będą kurwami,<br>
tęsknię za mamą, Poznaniem, moimi rejonami,<br>
za porządną imprezką z dobrymi kumplami,<br>
po staremu pewnie byłaby ... na poziomie,<br>
tutaj mój nastrój często w deszczu tonie,<br>
łzy gdy widzisz jak ktoś bliski schodzi na psy,<br>
często jestem zły, jeszcze częściej wkurwiony,<br>
a demony przeszłości nie znają litości,<br>
wszystko rozpieprzą, ona to już przeszłość,<br>
a teraźniejszość jest totalnie pogmatwana,<br>
czasem do rana nie potrafię zasnąć przez nią,<br>
ciemność, wtedy problemy wychodzą na zewnątrz,<br>
umierają wtedy, piękne kwiaty zaczynają więdnąć,<br>
<br>
te wszystkie godziny, które spędziłem sam,<br>
często myślę - za dużo było tych zmian,<br>
za dużo ran, wiele niepotrzebnych słów,<br>
pieprzyć wszystko, czas na kolejny ruch,<br>
te wszystkie godziny, które spędziłem sam,<br>
często myślę - za dużo było tych zmian,<br>
za dużo ran, wiele niepotrzebnych słów,<br>
pieprzyć wszystko, czas na kolejny ruch,<br>
</p>
</div>

To co szło odzyskać z twojej wiadomości opcją cytowania postu.

http://jsfiddle.net/qf1n7dz9/ - aktywne demo.

#4

Właśnie próbuje wkleić w odpowiednie pole, ale nie wiem jak :confused:

#5

Zobacz to co wkleiłem najwyżej chętni będą na tym opierać jak jest to ok.

#6

Jeżeli możesz, to napisz mi, jak tutaj dodać kod bez filtrów a wrzucę i co do dema to może znajdę lepsze… :smiley:

#7

Dodawanie kodu w poście ma sens gdy kod ma kilka/kilkanaście linijek długość. Jak jest to cała litania z podziałem na pliki to aż się prosi o wstawienie tego do jakiejś wklejarki kodu i zapodanie linków. Inaczej ciężko się analizuje taki kod.