Button in fixed position, panel must stay scrollable

  • Resolved stippie

    (@stippie)


    7 years, 6 months ago

    Hi Mojo Team!

    We have installed your plugin and like it very much.
    However I want to fix the position of the open-close button, but when I use the code you gave in another thread, the whole panel is fixed and is not scrollable anymore. For small screens that gives a problem.

    Is there a way to only fix the button, so that the button always is visible, and that the panel itself stays scrollable?

    Hope you can help us out.
    Thank you very much,
    Emilia

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author More Karvonen

    (@qumos)

    Hi Emilia,
    First, sorry for the late answer.

    I’m not sure if I understood. Do you mean keeping ONLY the button fixed on a screen, while the rest of the page AND panel content is moved together when page is scrolled up and down?

    Thanks,
    More

    Thread Starter stippie

    (@stippie)

    Hi More, glad that you responded to my question. I was a few days not at work, so now it is my time to say sorry for the late reaction.

    It is exactly like you say, the button fixed, but page and panel scrollable when go up and down. Because there is more content in the panel to see directly so we have to scroll.

    I have already tried with css 

    #mojo-sp-left-wrap > button {
    position: fixed;
}

    but then there is no button anymore as soon as you have clicked on it. So I guess only vertical must be fixed position, but not horizontal.

    Hope you can help us out.
    Thank you very much for your help!

    Warm regards,
    Emilia

    • This reply was modified 7 years, 5 months ago by stippie.
    Plugin Author More Karvonen

    (@qumos)

    Hi Emilia
    I’m afraid there is no simple solution for this. In theory “position:fixed;” should work, but the problem is related to the panel animation. Due to some limitations with browser specifications, new position for the button is not calculated after the panel is opened.

    There are some workarounds though, but they would require some coding. At the moment I’m so busy with client projects that I can’t unfortunately promise it any time soon. I will take this to my backlog of new features though, so I won’t forget it.

    Sorry Emilia, I wish I had a better answer and a quick solution for you.

    best regards,
    More

    This isn’t as SEXY but it works for me.

    button {

    position: fixed !important;
    z-index: 99999;
    }

    Thread Starter stippie

    (@stippie)

    Thank you foxtangocharlie, I have used your solution allthough it is not the most optimal. But happy you posted and shared it.

    Thread Starter stippie

    (@stippie)

    Hi foxtangocharlie. I have been to soon enthousiastic about your code, but it does not work for us. After one day we saw no orders were placed anymore in our shop and we looked for the problem and found out that with that code also the buttons for shoppingcart moved to the top and no one could buy anymore. So I removed your code.

    Plugin Author More Karvonen

    (@qumos)

    Emilia,
    If things worked otherwise with the code, you can limit the effect only to Mojoplug with this modification:

    #mojo-sp-left-wrap > button {
    position: fixed !important;
    z-index: 99999;
    }

    This code will NOT affect any other buttons than Mojo…. Note, I have not tested this, though.

    Thread Starter stippie

    (@stippie)

    Thank you More, that works.

    Thx, for the tip. However, when doing that the button stays at the border when expanded?

    • This reply was modified 6 years, 9 months ago by Brogaard.

    Then I deleted button.

    #mojo-sp-right-wrap {
position: fixed !important;}

    and that worked.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Button in fixed position, panel must stay scrollable’ is closed to new replies.