container scroll problem

Hi,

I have problem with container horizontal scrolling. After I release the mouse (finger) the scroll comes back to its original position. I saw some posts with similar problem, but answers don't seem to be related.
May container has this scroll definition:

Code:

---


scrollable: {
            direction: 'horizontal',
            directionLock: false
 }

---

What should I do in order to make it work?

10x

I had this issue on some dataviews that i was attempting to use some custom CSS with. What I had to do was strip the custom CSS down to the bare minimum until the scrolling worked and then start adding pieces back in. The framework puts in some CSS itself to make scrolling work and some items in my CSS were conflicting.

I found a problem, this happened because all internal elements were in absolute position. The solution is to add dummy element (with position static) and give it width.

10x

Hi alona,

I am facing the same problem that you wrote in these thread....
Can you explain more about your last post...

Thanks in advance....

Hi,

My problem was that all items inside the container had absolute position, so the container didn't know to calculate its width/height and show scroll. So the solution is to place empty not visible element in static position and change it's dimensions on each add/remove item according to sum of all items width/height and padding between them. In this case container will show scroll according to empty item dimensions.

I hope this is clear now.

--Alona

Thanks for reply alona,

when I insert element with static position it solve the problem of scrolling, but all the element of the container are adjusted according to new height(Because I had given top by % param)... What I do. Should I use "Layout" property of container. If yes then HOW???

I am not really understand what do you mean. In my case container was with layout type absolute and all items were with known top in pixels.

-Regards

I had given position of items inside the container like
top:'0%',
left:'0%',
bottom:'0%',
width:'0%',


All elements of container has variable position. and when we insert element the element are adjusted by the container height(increased Height by new element).

So is there is any way to adjust all elements size not varying with new incremented size. And last what type of layout should I use..