Note that there are some explanatory texts on larger screens.

plurals
  1. POScrolling bar inside another scrolling bar
    primarykey
    data
    text
    <p>Very briefly , i am importing photos from a facebook page and present them to my <code>jquery mobile webpage</code> , using the photoSwipe plugin.</p> <p>The problem is that the final result looks a bit strange. Look at this photo where the red arrow points at..</p> <p><img src="https://i.stack.imgur.com/h39Dv.jpg" alt="enter image description here"></p> <p>As you can see for a reason i get 2 scrolling bars instead of one.. When i view it from the mobile phone though , it seems like one bar.</p> <p>In the example code of <em>PhotoSwipe plugin</em> the scrolling bar looks ok:</p> <p><img src="https://i.stack.imgur.com/cSH6k.jpg" alt="enter image description here"></p> <p>I wont give any code for now , as i want to find the error by myself. I just need some help on what to look for. In theory what might cause this double scroll bar effect? What exactly does it mean to have 2 scroll bars like this? The inner scroll bar , just scrolls some millimeters.. The outer one works as expected and scrolls through all the photos.</p> <h2>EDIT (BASED ON THE ANSWERS)</h2> <hr> <p>This is how i dynamically create the galleries :</p> <pre><code>$("#Home").after('&lt;div data-role="page" data-add-back-btn="true" id=Gallery'+ i + ' class="gallery-page"' + ' data-url="Gallery' + i + '"&gt; ' + ' &lt;div data-role="header"&gt;&lt;h1&gt;Gallery&lt;/h1&gt;&lt;/div&gt; ' + ' &lt;div data-role="content"&gt; ' + ' &lt;ul class="gallery"&gt;&lt;/ul&gt; ' + ' &lt;/div&gt; ' + ' &lt;/div&gt; '); </code></pre> <p>How can i add the <code>overflow:hidden</code> attribute here? </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload