4 Replies Latest reply on Mar 15, 2017 3:21 PM by patrickf86001286

    sticky header dont work

    patrickf86001286

      Hello,

       

      we have in our app an sticky header, if you scroll down, gets sticky.

       

      In desktop works it, means on the website, also drag and drop works from the columns.

       

      In phonegap app we see like that only 2 have sticky as you see in that image, Haemonine is sticky, but 3th column already have render issue.

       

      In code is all ok, like we say, in normal website sticky + drag and drop of those columns dont causes issue.

       

      You have any idea? We would be very thankful and can share code too.

       

      20170312_104904.jpg

        • 1. Re: sticky header dont work
          patrickf86001286 Level 1

          hi,

          plz answer kerrishotts vangroover

           

          i need really support there!

          • 2. Re: sticky header dont work
            kerrishotts Adobe Community Professional

            Please see: Asking Better Questions (PhoneGap Forum) - there is not enough information here for us to help you.

            • 3. Re: sticky header dont work
              patrickf86001286 Level 1

              hi,

              kerrishotts, i hope i could it explain it better like that,else i can provide you here.

               

              i zip it and upload it and then install the app over ipad with login build.phonegap.com

               

              can i send you somehow whole code to look into if below code is not enough?

               

              Here my code using for sticky:
              can you help me why have issue above

              $j('#top').on('scroll', function (event) {

               

               

                 if ($j('.container-fluid').offset().top < '-390') {

               

                 $j('.webapp-cproduct-names').css('position', 'absolute').css('z-index', '2').css('width', '162px');

                 $j('.webapp-dproduct-name-0').css('position', 'absolute').css('z-index', '2').css('width', '162px');

                 $j('.webapp-dproduct-name').css('position', 'absolute').css('z-index', '2').css('width', '162px').css('background-color', '#fff');

                 var topY = (Math.abs($j('.box').offset().top) - Math.abs($j('.box').offset().top));

                 $j('.webapp-cproduct-value').each(function () {

               

                 var left = $j(this).offset().left;

                 $j(this).find(".webapp-cproduct-names").offset({

                 left: left,

                 top: topY
                 });

               

                });

               

                 $j('.webapp-dproduct-name-value').find(".webapp-dproduct-name-0").offset({

                 left: $j(".webapp-dproduct-name-value").offset().left,

                 top: topY
                 });

               

                 $j('.webapp-dproduct-name-property').find(".webapp-dproduct-name").offset({

                 left: $j(".webapp-dproduct-name-property").offset().left,

                 top: topY
                 });

               

                } else {

                 $j('.webapp-cproduct-names').css('position', 'relative').css('top', '0').css('z-index', '2').css('width', '162px');

                 $j('.webapp-dproduct-name-0').css('position', 'relative').css('top', '0').css('z-index', '2').css('width', '162px');

                 $j('.webapp-dproduct-name').css('position', 'relative').css('top', '0').css('z-index', '2').css('width', '162px');

                 $j('.webapp-dproduct-name').css('position', 'relative').css('top', '0').css('left', 'auto');

                 $j('.webapp-dproduct-name-0').css('position', 'relative').css('top', '0').css('left', 'auto');

                 $j('.webapp-cproduct-names').css('position', 'relative').css('top', '0').css('left', 'auto');

               

                }

               

               

              });

              • 4. Re: sticky header dont work
                patrickf86001286 Level 1

                we are professional webdevelopers, we know code very well, in webbrowser everything works.

                 

                we thought we use phonegap to get our web development on app, but i have to say that:

                 

                a) icon issue in other thread cant be solved till now, we try all like documentation, still no solution...till now also no further support

                 

                b) sticky header dont work: in webbrowser sticky header works! very well, in all browsers, also drag and drop works very well, we found that many who are using phonegap face the same issue, but looks in end we have to through whole project in trash with phonegap, because we cant get it done, today we made 120 builds in phonegap, no possibility to debug the issue properly and we need to deliver now to client.

                 

                plz support us:

                 

                kerrishotts

                vangroover

                 

                thank you in upfront!!