Streaming live at 10am (PST)

[Resolved] Need help with fixed sidebar scrolling


#1

https://preview.webflow.com/preview/dr-scott-hollander?preview=bff3bf1595bc76e7770fd135eb44cff0

I made a sidebar that scrolls just fine upon preview but the published version (when tested on tablets and phones) GETS STUCK...how is this possible?

Anyone know of a fix?


#2

Can you also share a link to the published version so we can recreate the behavior on our end? :slight_smile:

Edit: Also, you can fix the overhang on your VIR WORDS object on tablet view by setting the width to 100% instead of using fixed pixels.


#3

Sure thing :slight_smile:

www.DrScottHollander.com


#4

Thanks! Will test and get back to you.

Edit: Can you give some more info regarding the expected behavior and what you're seeing instead? On iPad Air 2 (iOS 9.3) the sidebar seems to stay fixed.


#5

I'm testing on Apple iPhone 5 iOS 6.0

Expected behavior: sidebar scrolls from beginning position at top of page (underneath hero section) down to the bottom; scrolls with page

View the difference when scrolling in preview then testing on the aforementioned phone:


#6

I think I might have fixed it :slight_smile: I had it's position offset way too far down...thanks for looking into it though!


#7

wait false alarm...now it doesn't work in landscape mode ;(


#8

Well that's because you're pushing it down 174 pixels. Change the sidebar positioning in mobile landscape to be 0 pixels or at least something a lot less than 174. Then go to mobile portrait and adjust back to 176 for that.


#9

Gotcha...I wanted for it to start lower but the screen just won't allow...possibly I'll change the size of the sidebar but for now, bringing it all the way up to 0 position has worked thank you :slight_smile:


#10

No problem. Alternatively, you could do this so it sticks to the bottom-left in mobile landscape! :sunglasses:


#11

well isn't that sexy woots ty looks better your way!


#12

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.