StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJScrollPane not working properly with hidden content
text
Body
copied!<p>I installed jScrollPane on my website and can't make it work. </p> <p>My website works as follows: from the main page, pages are loaded dynamically using jQuery's <code>load()</code> method. In the page I load I have the following script to launch jScrollPane:</p> <pre><code>$(function(){ $('.scroll-pane').jScrollPane(); }); </code></pre> <p>Which seems to be called. No problems so far I guess. The problem is that the page, at the beginning, is not long enough to need a scrollbar. I have hidden content that shows up only on specific actions (i.e. clicking on a button shows the content of a certain paragraph), and when I click to show the content of a hidden div, the scrollbar doesn't appear.</p> <p>I also tried to call <code>$('.scroll-pane').jScrollPane();</code> as I show the new content (i.e. in the event that triggers <code>.show()</code> on the hidden <code>div</code> I also call <code>$('.scroll-pane').jScrollPane();</code>) but I had no success with that either.</p> <p>Can anyone help me?</p> <p>Thanks</p> <p>EDIT:</p> <p>I forgot to mention the structure of the page: I have a <code>div</code> which has <code>class="scroll-pane"</code> and is loaded with the page load and it contains small hidden divs that show up when clicking on particular areas. I would like to add a scroll bar to the div with the class scroll-pane in order to make the content of the showed div scrollable (right now the content stays in the size of the div but it's not scrollable since no jScrollPane scroll bar is shown).</p> <p>Update:</p> <p>I tried to put <code>$('.scroll-pane').jScrollPane();</code> in the callback of the <code>.show()</code> method of my divs and tried to put <code>class="scroll-pane"</code> to those divs that appear, but again nothing is shown (the scroll bar doesn't appear and the div is not scrollable).</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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