Forums

I face a problem that when I trying to make two button to control the pages of scroll view.
Like this.

When the button is clicked, scroll view should scroll to page 2.
It works just fine under IE&FF like this.


When using chrome, not frequently, but sometimes it scroll too much.
Like this.

I think padding cause this. Somehow it calculates the wrong value to scroll when the first move.

http://raytjwen.droppages.com/yui3_scv_test.html
This demo page is simplified version of what I need.

Is that anything I can try to resolve this problem?
Thanks for any suggestion.

I can understand. It's really hard to reproduce.
After some experiment, I found that no matter "parent's padding" or "self margin" will cause this strange situation (by chance).

So I try different styling way. Using "children's margin" to make the same looks.
And it works just fine, so far.

But I have another question is how to slow down the animation speed when page changing?
I have try

It doesn't work and the animation seems the same.
This is the demo page: http://raytjwen.droppages.com/yui3_scv_test.html
Thanks for any response.

Thank you, Juan.
I'll try this.

Best regards,
Ray