Css problem z tłem podczas opcji backgroung: fixed

Question

Witam, jak na początkującą osobe przystało mam pewien problem, mianowicie próbuje zrobić ciekawy efekt na stronie tak by górny div był sticky a pod nim był div(#img) z tłem obrazkowym który jest nieruchomy i po scrollowaniu chowa się pod następny div. Mam przy tym dwa problemy

a) nie widać całego obrazka

b) podczas scrollingu gwałtownie schodzi w dół

html:

http://wklej.org/id/2782549/

CSS:

http://wklej.org/id/2782550/

Obrazek :

http://imgur.com/a/mTZq7

Prosiłbym o pomoc w rozwiązaniu problemu z góry dziękuje :).

Answer 1

Jest kilka uwag odnośnie twojego kodu  nie używaj <br>  style nie dawaj do ID tylko class 

Można by było pisać więcej  uwag ale widzę że jesteś początkującym programistą nie będę ci mieszał.

taki efekt uzyskałem z twojego kodu.

http://codepen.io/jaca121212/pen/PzVJEm

Poczytaj o tym http://tutorials.comandeer.pl/html5-blog.html

Comments

Witam

Dziękuje za pańskie uwagi i za pomoc w rozwiązaniu problemu, postaram się zoptymalizować kod kierując się Pana wskazówkami.

Pozdrawiam. :)