Note that there are some explanatory texts on larger screens.

plurals
  1. POtiny scrollbar when setting height to viewport it disappears
    primarykey
    data
    text
    <p>css</p> <pre><code>/* Tiny Scrollbar */ #scrollbar1 { width: 559px; margin: 20px 0 10px; clear: both;} #scrollbar1 .viewport { width: 500px; height: 1050px; overflow: hidden; position: relative; } #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 11px; } #scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:9px; position: relative; padding: 0 1px; } #scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; } #scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 20px; } #scrollbar1 .disable { display: none; } </code></pre> <p>when I set .viewport to more than 700px then the scrollbar doesn't show. I don't get it.</p> <p>PS. I didn't post code because I am using as is straight from the demo, but just in case:</p> <pre><code> $(document).ready(function(){ $('#scrollbar1').tinyscrollbar({ size: 360 });; }); </code></pre> <p>Ok I just tried another scroll jscrollpane and same thing happens. Here's the <a href="http://iminds.pe/headhunters/noticia2.html" rel="nofollow">site</a> so you can see what I am trying to do. Right now it doesn't show the rest of the content and if I change it to 1050px it will but the scroll is gone.</p> <p>I am in a bind if there is anymore code that I could give let me know I don't know what else to do here.</p>
    singulars
    1. This table or related slice is empty.
    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.
 

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