britattack
New Member
I have a Problem concerning scrolling in jQuery mobile.I am trying to get a vertical navigation bar on the left side which can be expanded or collapsed via a button in the header of my Page. So I have tho containers named like folling:\[code\]#navbar | #header (with Button #showNavBar) | #content | | #footer \[/code\]At first the #navbar is behind behind my content area (with header and footer).By clicking the Button #showNavBar i am doning the folling:\[code\] header.animate({ left: "200px" }, { duration: 300, queue: false }); content.animate({ left: "200px" }, { duration: 300, queue: false });\[/code\]So the users can see the navbar on the left side. To this point everything works well. But trouble starts. Now it is possible to scroll to the right side to see the full content area. But it isn't possible to scroll the header...Does anybody have a hint for me how to avoid the x-scrolling after the animation? I already tried "overflow-x: hidden !important;" to the content container and the body but that doesn't work.Thanks so farGreets Soma