[Draggable - Android issue with "position: fixed"]

Thx a lot

[Draggable - Android issue with "position: fixed"]

No, that's exactly the same effect.

At the top, everything works fine, but if I scroll, I can't drag anymore

[Draggable - Android issue with "position: fixed"]

Absolute, fixed and static do the same thing here.

 

Hum yes, sorry, I mean everywhere on android

 

[Draggable - Android issue with "position: fixed"]

Thanx for your time btw.

But no, that's not working. That's exactly the same result as before

 

I'm looking on Chrome on a Xiami, but our client and my colleagues looks on different devices and navigator (Chrome, Firefox), and the issue is everywhere

[Draggable - Android issue with "position: fixed"]

There is exactly the same effect. 

Without scrolling, at the top of the navigator, that's work, if I scroll, that's stop working.

 

I already tried this.

 

I didn't test to use a proxy as a slider, and move the ul.

Maybe, if the proxy isn't in fixed, that can works, but I'm not used to play with proxy in Draggable 😕

[Draggable - Android issue with "position: fixed"]

Oh ok, no problem

I tried that yesterday, I retried here, but that's do no work.

This code works everywhere, and broke only when I add some css, which is very strange.

 

In CSS, I don't get it why add a border-top break every thing

[Draggable - Android issue with "position: fixed"]

Hi,

 

I'm sorry, I don't really understand what you want me to do ?

 

If I remove gsap and Draggable, I can't slide in my nav anymore.

You mean remove them, add a scroll on the nav, and check if that's work ?

[Draggable - Android issue with "position: fixed"]

Hi,

First of all, sorry for my english, I'm not an english native speaker.

 

I have an issue on Android, and I don't understand why.

 

I try to do a navigation bar, places at the bottom of the screen, who become a slider when the nav width is bigger than the window.

 

That's works everywhere, except in Android.

If you go to the Codepen on an Android :

• When you arrive, you can slide in the nav without problems
• But when you scroll in the page, then try to slide, that's not working anymore

 

If I remove the bottom: 0 on the nav, that's work like a charm, but I can't do that because I need it on the bottom (if you add a top, that's not working too, even 1px)

 

If I place the Draggable on the nav, that's work, but I can't do that, because I have other thing inside my nav, and I don't want them to be Draggable.

 

And another thing very strange. If I had a simple border-top: 1px solid white; to the nav, that's not working anymore

 

Anyone has an idea ?

See the Pen RwpjdBj by simon-gioffredi (@simon-gioffredi) on CodePen