1 Reply by ErikC

(16 replies, posted in Juicebox-Pro Support)

Steven, thanks for the effort...sorry but I didn't have much time last week to work further on this. 
Anyway some initial feedback.

I am testing it on an iPad (on the iphone with splash screen I have no problems) running iOS 8.0 the iPad model is a MD368NF/A (3rd generation iPad) with 64GB mem.
The Mobile Safari I am running on this platform is Safari/600.1.4.

I have checked this with Chrome and here the problem does NOT occur, it works OK.

This appears not to happen in other scrollable pages.

I have updated the iOS version to 8.0.2, but the mobile Safari version remains 600.1.4
And the problem remains.

Go to forum: Juicebox-Pro Support

2 Reply by ErikC

(16 replies, posted in Juicebox-Pro Support)

Thanks for the feedback, I started with the fixed height pixel value and the downgrade of jQuery but to no effect...  Problem remains.
I will keep you posted on progressively removing other CSS and Javascript components to see if this fixes the problem.

Other suggestions, welcome

Go to forum: Juicebox-Pro Support

3 Topic by ErikC

(16 replies, posted in Juicebox-Pro Support)

Hi,

I have a bootstrap one page themed site where I have embedded a juicebox gallery. 
The site renderes OK on Safari/Chrome etc...even the splash page and all work OK from iPhone...but on iPad I have a problem.
When I scroll to the juicebox gallery portion of the site...it automatically forces the page back to the top, I can not see why.

This is some of the basic code of the page for the galleries.

    <span class="breakPoint" id="galpage"></span>
      <div class="section bg-light-grey p-no-top p-no-bottom">
          <div class="container-fluid p-no-left p-no-right">
              <div class="row">
                  <div class="col-lg-offset-1 col-lg-11">
                      <h1 class="text-white" style="font-size: 20pt; padding-left: 25px;">BELETTERING</h1>
                  </div>

              </div>
              <div class="row">
                  <div class="col-md-12 fadeIn wow">
                      <script>
                          new juicebox({
                              baseUrl : "gallery/buildings/",
                              containerId : "juicebox-container",
                              galleryWidth: "100%",
                              galleryHeight: "80%",
                              backgroundColor: "rgba(235,235,235,1)"
                          });
                      </script>
                      <div id="juicebox-container"></div>
                  </div>
              </div>

          </div>
      </div>

You can find some info on the page at
http://www.olivedesign.be/publik/index.html

Go to forum: Juicebox-Pro Support