Sliding Panels with srollbar

Question

Hello,
Is it possible to put a scrollbar on .SlidingPanels div
(assuming we use the following code:
<div id="apDiv1" class="SlidingPanels"
spry:region="ds1">
<div class="SlidingPanelsContainer">
<div id="p{ds_RowNumber}" class="SlidingPanelsContent"
spry:repeat="ds1"><img src="./{image}" />
</div>
</div>
If i put overflow: auto; on it in my css nothing happens. The
SlidingPanelsContainer has fix height too and it is higher than
.SlidingPanels Div have.
PS: If i put it on SlidingPanelsContainer it works but the
navigation with Link (panel navigation with showPanel(index) )
bcause the requested panel is hidden beneath the
SlidingPanelsContainer.
Thank you in advance!

Answer 1

Hi originaliti,
Thank you for your reply. Already tried, that isn't working
either. By the way my idea was wrong. Even if i make it work that
is no good for me. You should ask why. Because if you slide the
rows with the links you won't be able to see the data before the
active row since it is hidden by the div which contains the
dataset, if you see what i mean.
this is the way how I get to this conclusion:
in the html:
<div class="scrollpanel" class="SlidingPanels" >
<div id="apDiv1" class="SlidingPanels" spry:region="ds1"
>
<div class="SlidingPanelsContainer">
<div id="p{ds_RowNumber}" class="SlidingPanelsContent"
spry:repeat="ds1"><img src="./{image}" />
</div>
</div>
</div>
in style sheet:
.SlidingPanels { width:620; height:8000em; overflow: scroll;
position: relative; padding: 0px; border: 1px solid yellow;
display: block;}
.scrollpanel {width: 620px; height: 354px; overflow: auto;
position:relative;}
.SlidingPanelsContainer { width:auto; height:8000em;
position: absolute; margin: 0px; padding: 0px; border: 3px solid
green; display:block;}
.SlidingPanelsContent {width: 625px; height: 230px; border:
2px dotted red; }
Anyway Thank you originalit again for the reply.
If any one have more idea than please post it!