35 posts
  • Has been part of the Envato Community for over 4 years


I seem to have a problem with building my site. I have a content area(300px) positioned verticaly and horizontaly in the middle/center. Now when I put more content in there I am using tinyscroll(before cScroll) to scroll if the content is bigger than 300px. Let say I put a couple of toggles(or some other js that will increase the content) inside the content. How would I make my scroll content bigger on the fly when opening a toggle. There is an tinyscrollbar_update() but does not seem to work for me. Is there a solution for this?

Should I use any other scroller( I just want it to be compatible with all major browsers as well as iPad, iPhone, android…

Many thanks for all the help.


2468 posts
  • Has been part of the Envato Community for over 6 years
  • Has sold $100+ on Envato Market
  • Has referred 100+ members
  • Has been a beta tester for an Envato feature
+3 more

Try jScrollPane.

It’s the only one I’ve seen behaving correctly on touch devices.

Alternatively, you could activate your jQuery scroll script only for desktop devices, and have overflow: auto on your container for mobile.

35 posts
  • Has been part of the Envato Community for over 4 years

Hi digitalimpact,

thanks for the advice. Still I can’t manage to get the contentheight increase when some javascript(for example toggle) get opened.

Here’s my code: code download

If you run it you will see that at the bottom, there is a toggle. When opening it, the content is not be be seen, because the content height doesn’t increase.

If the toggle is opened by default, it can be seen but than after cloding an area where the content was stays there.

Any advice mybe how to do this so that the content would get bigger on the fly?

Many thanks!!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes