jQuery Forum

See http://jqueryui.com/demos/slider/#side-scroll

Thanks rdworth,

I did atually see that page and was thinking about trying to ue it. One question for you though, is the scroll bar on that page a function of jQuery UI, or is it from a css "overflow"?

The reason I ask is, I am having an issue on a page where I have a thumbnail gallery with a width less than the images and I have set a css "overflow" so I can have a scroll bar on the div. However this scroll bar does not show in Safari 5.1.3. It shows in all other browsers and even other versions of Safari, just not this version. I have troubleshooted this for a couple of weeks and not found a resolution.

Therefore I was thinking of using js to try make a scroll bar.

This is the code I am using for the scroll bar, but I have tried every combination of overflow options in css also.

html:

1. <div id="thumbs1">
   	<ul> <li><a href="images/rings/large/ring01_L.jpg"><img src="images/rings/thumbnails/ring01.jpg" width="75" height="75" border="0" /></a></li>
           <li><a href="images/rings/large/ring02_L.jpg"><img src="images/rings/thumbnails/ring02.jpg" width="75" height="75" border="0" /></a></li>
           <li><a href="images/rings/large/ring03_L.jpg"><img src="images/rings/thumbnails/ring03.jpg" width="75" height="75" border="0" /></a></li>
           <li><a href="images/rings/large/ring04_L.jpg"><img src="images/rings/thumbnails/ring04.jpg" width="75" height="75" border="0" /></a></li>
           <li><a href="images/rings/large/ring05_L.jpg"><img src="images/rings/thumbnails/ring05.jpg" width="75" height="75" border="0" /></a></li>
   	</ul>
   

css:

1. #thumbs1 {
   	height: 450px;
   	overflow: auto;
   	overflow-y: hidden;
   	overflow-x: auto;
   	width: 260px;
   	z-index: 1;
   	position: absolute;
   	top: 0px;
   	left: 120px;
   	margin-top: 50px;
   }
   

Cheers...