Streaming live at 10am (PST)

Fixed position after Transform


#1

I currently have a position:fixed element which I've applied a css transform to, to move the element when clicked however when clicked again to move the element back to it's origin it's no longer fixed, any ideas as to why this might be happening? I've Googled the issue and found this code

body.transition-end {
overflow: hidden;
}

however this didn't work, has anybody encountered this issue before or know of any possible fixes?

Here is the site > https://preview.webflow.com/preview/lost-village?preview=14e8cd0d9bf9b0d3fc00604c14dbcf48

Many thanks in advance


#2

Hey @thomassquire

Can i know which element is the issue occurring on :smile:

Best
Ahmad


#3

Hi Ahmad,

Sorry, forgot to include that vital piece of information. So I have the interaction applied to 'Hamburger_holder' which is set up to effect the element named 'Page_holder' which is the element that is fixed in the beginning but after the integration is applied is no longer fixed

Many Thanks,


#4

Hey @thomassquire

Im probably missing something but when i open the humburger and close it it still remains absolute like it did before

Proof:

http://nimb.ws/0CXopt
https://gyazo.com/4b8937e30346c52645773ce48a3b8a89

Like i stated above im probably missing something

Best
Ahmad


#5

Hi Ahmad,

Thanks for this. I think the issue is more around scrolling. For example if you preview the page you'll notice that only the right hand side of the page scrolls as the left side is fixed, however once you open the menu/hamburger and close it again, the entire page becomes scrollable whereas ideally I need the page to go back to how it was before in that the left fixed and the right scrollable which isn't currently happening.

Thanks again for your input thus far.


#6

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