Fixed close button / scroll to top button

@alexandrost

You could try to do some CSS to make the close button fixed or absolute and see what happens, although we’ve never tested it. It’s worth a shot.

Same goes for scroll to top button, we haven’t tried it, but it’s worth giving it a shot.

Also keep in mind you can insert your own close buttons in the popup using the Close Button Shortcode in the Popup Maker Shortcode Button.

Hope that helps! Let us know your results and if it works!

Thank you for your reply. Can you please suggest us some css codes for fixed close button and scroll to top?
Another valuable option would be to have a scrollbar option for long text

I found a solution of keeping the Title bar & close button fixed, while the rest of the long text has scroll bar. The solution was a simple CSS code of: {max-height: 1000px; overflow: scroll;}

Still looking for a scroll to top button

Any ideas why scrolling is not smooth on mobile?

@alexandrost

There are many WP plugins that will allow you to create a scroll to top button.

As far as scrolling, I’m not sure what you mean by “not smooth”, but it probably has to do with the way mobile devices render webpages. When you look at a page on mobile, you’re effectively looking at a “screen shot” of that section of the page. Then, when you scroll again, the device has to render another screen of the next section of the page you’re viewing – this is why when you continuously scroll on a long page that hasn’t been viewed before, you will typically see just a blank screen.

I imagine if you add a popup to the equation and make it really long, that could explain the symptoms you’re seeing. For those reasons, there’s nothing we can do about that, unfortunately.

I hope this helps.

If you haven’t already, please do take a moment to click that Popup Maker Works and to rate and review the plugin to spread the love! <3

• This reply was modified 8 years, 1 month ago by waltmesser.

I think I was not clear about the lack of smooth scrolling. It seems it’s not about heavy resources, the plugin is excellent. I try to describe a lack of “elastic” response typical when scrolling on mobile devices. It happens on the background page but not the popup.

About the scroll-to-top plugins: They all seem to apply on the background page and not the popup content.

@alexandrost

Thank you for the clarifications, that makes more sense now.

I’ll have the Lead Dev @danieliser have a look into this as soon as he is available.

Thanks for your patience.

Just to give an idea of use, I use this plugin as a “read more” button that opens a popup containing a long blog post (with the help of another plugin that allows to insert posts on anything)

@alexandrost – Sounds like there may be something interfering with default scrolling on your site in general. Many plugins & theme hook into the window scroll events to do things, sometimes they don’t perform very well and it causes laggyness in scrolling. We don’t do anything with the scroll events unless you have our Scroll Triggers extension but it doesn’t suffer from those issues.

On to the close button, best bet would simply be a link styled however you like and positioned fixed/absolute. Give it a url of # or #TOP and it should do the trick.

Now onto the technical stuff, our popups have their own scroll bars, we hide the document scrollbar and our overlay has its own. The popup is contained in the overlay so that scrollbar is used to scroll long content. I will see if there are any improvements we can make to make it scroll better on mobile, but I am not aware of any scrolling issues to begin with.

@danieliser There’s absolutely no laggyness in this excellent plugin. Neither any resources’ overload. The only thing that could get best is the “elastic” mobile scrolling, especially on long popups with scrollbars.
(When scrolled, the background page follows the finger acceleration. But the popup follows a stable/not elastic/not accelerating speed)
Still couldn’t find a “scroll to top of the popup” solution

@alexandrost – Sorry for the delay, you could add a button to your popups content and use CSS to set it to fixed position, then set the link to #TOP.

Hope that helps.

Did this work for you? When I tried that it scrolls the background page content to top. Not the popup content.