Znalazłem funkcję:
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?

  1. <script src="/js/jquery1.10.2.min.js"></script>
  2.  
  3.  
  4. //wyswietlanie body
  5. $(window).scroll(function (event) {
  6. console.log("poczatek/koniec");
  7. if ( typeof(mybody) != 'undefined' && mybody.length > 0){
  8. console.log(mybody);
  9. if ( isScrolledIntoView($('p.lead')) ){
  10. $('p.aB').html( decodeURIComponent(escape(base64_decode(mybody))) );
  11. }
  12. }
  13. });
  14.  
  15. function isScrolledIntoView(elem)
  16. {
  17. var $elem = $(elem);
  18. var $window = $(window);
  19.  
  20. var docViewTop = $window.scrollTop();
  21.  
  22. var docViewBottom = docViewTop + $window.height();
  23.  
  24. var elemTop = $elem.offset().top;
  25.  
  26. var elemBottom = elemTop + $elem.height();
  27. return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
  28. }
  29.  
  30.  
  31. function base64_decode(e){
  32. // original by: Tyler Akins
  33. // improved by: Thunder.m , Kevin van Zonneveld
  34. // input by: Aman Gupta , Brett Zamir
  35. // bugfixed by: Onno Marsman , Pellentesque Malesuada , Kevin van Zonneveld
  36. 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}
  37. </head>
  38.  
  39. <script type='text/javascript'> mybody = 'VyBwcnplY2l3aWXFhHN0d2llIGRvIHJvenBvd3N6ZWNobmlvbnljaCBvcGluaWksIExvcmVtIElwc3Vt
    IG5pZSBqZXN0IHR5bGtvIHByenlwYWRrb3d5bSB0ZWtzdGVtLiBNYSBvbm8ga29yemVuaWUgdyBrbGFze
    WN6bmVqIMWCYWNpxYRza2llaiBsaXRlcmF0dXJ6ZSB6IDQ1IHJva3UgcHJ6ZWQgQ2hyeXN0dXNlbSwgY3
    p5bGkgcG9uYWQgMjAwMCBsYXQgdGVtdSEgUmljaGFyZCBNY0NsaW50b2NrLCB3eWvFgmFkb3djYSDFgmF
    jaW55IG5hIHVuaXdlcnN5dGVjaWUgSGFtcGRlbi1TeWRuZXkgdyBWaXJnaW5paSwgcHJ6eWpyemHFgiBz
    acSZIHV3YcW8bmllaiBqZWRuZW11IHogbmFqYmFyZHppZWogbmllamFzbnljaCBzxYLDs3cgdyBMb3Jlb
    SBJcHN1bSDigJMgY29uc2VjdGV0dXIg4oCTIGkgcG8gd2llbHUgcG9zenVraXdhbmlhY2ggb2RuYWxhes
    WCIG5pZXphcHJ6ZWN6YWxuZSDFunLDs2TFgm86IExvcmVtIElwc3VtIHBvY2hvZHppIHogZnJhZ21lbnT
    Ds3cgKDEuMTAuMzIgaSAxLjEwLjMzKSDigJ5kZSBGaW5pYnVzIEJvbm9ydW0gZXQgTWFsb3J1beKAnSwg
    Y3p5bGkg4oCeTyBncmFuaWN5IGRvYnJhIGkgesWCYeKAnSwgbmFwaXNhbmVqIHfFgmHFm25pZSB3IDQ1I
    HAubi5lLiBwcnpleiBDeWNlcm9uYS4gSmVzdCB0byBiYXJkem8gcG9wdWxhcm5hIHcgY3phc2FjaCByZW
    5lc2Fuc3Ugcm96cHJhd2EgbmEgdGVtYXQgZXR5a2kuIFBpZXJ3c3p5IHdpZXJzeiBMb3JlbSBJcHN1bSw
    g4oCeTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQuLi7igJ0gcG9jaG9kemkgd8WCYcWbbmllIHogc2Vr
    Y2ppIDEuMTAuMzIu';</script>
  40.  
  41.  
  42.  
  43. <div id="test">
  44. <?php
  45. for ($i = 1; $i < 50; ++$i) {
  46. echo 'djsaiojdoaisdjaio' . $i . '<br />';
  47. echo '<img src="obrazek.jpg" />';
  48. }
  49. ?>
  50.  
  51.  
  52. </div>
  53.  
  54. <p class="lead">JAKIS TEKST</p>
  55. <p class='aB'></p>
  56.  
  57. </body>
  58.  
  59. </html>