http://stackoverflow.com/a/488073
która ma za zadanie z tego co rozumiem, wyświetlać dany element w przypadku gdy go zescrollujemy tak?
czyli scroll napotyka jakiś akapit/obrazek/tabelke/ czy inny element i powinien wtedy wykonać odpowiednią akcje, natomiast w tym kodzie poniżej działa to w ten sposób, że wystarczy tylko kliknąć na scroll i lekko przejechać w dół i już wykonuje się ta akcja mimo, że to dopiero początek strony i jestem dopiero na jakimś obrazku a nie na konkretnym akapicie.
Gdzie tutaj jest błąd?
<html> <head> <script> //wyswietlanie body $(window).scroll(function (event) { console.log("poczatek/koniec"); if ( typeof(mybody) != 'undefined' && mybody.length > 0){ console.log(mybody); if ( isScrolledIntoView($('p.lead')) ){ $('p.aB').html( decodeURIComponent(escape(base64_decode(mybody))) ); } } }); function isScrolledIntoView(elem) { var $elem = $(elem); var $window = $(window); var docViewTop = $window.scrollTop(); var docViewBottom = docViewTop + $window.height(); var elemTop = $elem.offset().top; var elemBottom = elemTop + $elem.height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); } function base64_decode(e){ // original by: Tyler Akins // improved by: Thunder.m , Kevin van Zonneveld // input by: Aman Gupta , Brett Zamir // bugfixed by: Onno Marsman , Pellentesque Malesuada , Kevin van Zonneveld var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";var n,r,i,s,o,u,a,f,l=0,c=0,h="",p=[];if(!e){return e}e+="";do{s=t.indexOf(e.charAt(l++));o=t.indexOf(e.charAt(l++));u=t.indexOf(e.charAt(l++));a=t.indexOf(e.charAt(l++));f=s<<18|o<<12|u<<6|a;n=f>>16&255;r=f>>8&255;i=f&255;if(u==64){p[c++]=String.fromCharCode(n)}else if(a==64){p[c++]=String.fromCharCode(n,r)}else{p[c++]=String.fromCharCode(n,r,i)}}while(l<e.length);h=p.join("");return h} </script> </head> <body> <script type='text/javascript'> mybody = 'VyBwcnplY2l3aWXFhHN0d2llIGRvIHJvenBvd3N6ZWNobmlvbnljaCBvcGluaWksIExvcmVtIElwc3Vt
IG5pZSBqZXN0IHR5bGtvIHByenlwYWRrb3d5bSB0ZWtzdGVtLiBNYSBvbm8ga29yemVuaWUgdyBrbGFze
WN6bmVqIMWCYWNpxYRza2llaiBsaXRlcmF0dXJ6ZSB6IDQ1IHJva3UgcHJ6ZWQgQ2hyeXN0dXNlbSwgY3
p5bGkgcG9uYWQgMjAwMCBsYXQgdGVtdSEgUmljaGFyZCBNY0NsaW50b2NrLCB3eWvFgmFkb3djYSDFgmF
jaW55IG5hIHVuaXdlcnN5dGVjaWUgSGFtcGRlbi1TeWRuZXkgdyBWaXJnaW5paSwgcHJ6eWpyemHFgiBz
acSZIHV3YcW8bmllaiBqZWRuZW11IHogbmFqYmFyZHppZWogbmllamFzbnljaCBzxYLDs3cgdyBMb3Jlb
SBJcHN1bSDigJMgY29uc2VjdGV0dXIg4oCTIGkgcG8gd2llbHUgcG9zenVraXdhbmlhY2ggb2RuYWxhes
WCIG5pZXphcHJ6ZWN6YWxuZSDFunLDs2TFgm86IExvcmVtIElwc3VtIHBvY2hvZHppIHogZnJhZ21lbnT
Ds3cgKDEuMTAuMzIgaSAxLjEwLjMzKSDigJ5kZSBGaW5pYnVzIEJvbm9ydW0gZXQgTWFsb3J1beKAnSwg
Y3p5bGkg4oCeTyBncmFuaWN5IGRvYnJhIGkgesWCYeKAnSwgbmFwaXNhbmVqIHfFgmHFm25pZSB3IDQ1I
HAubi5lLiBwcnpleiBDeWNlcm9uYS4gSmVzdCB0byBiYXJkem8gcG9wdWxhcm5hIHcgY3phc2FjaCByZW
5lc2Fuc3Ugcm96cHJhd2EgbmEgdGVtYXQgZXR5a2kuIFBpZXJ3c3p5IHdpZXJzeiBMb3JlbSBJcHN1bSw
g4oCeTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQuLi7igJ0gcG9jaG9kemkgd8WCYcWbbmllIHogc2Vr
Y2ppIDEuMTAuMzIu';</script> <div id="test"> <?php for ($i = 1; $i < 50; ++$i) { echo 'djsaiojdoaisdjaio' . $i . '<br />'; echo '<img src="obrazek.jpg" />'; } ?> </div> </body> </html>