How to implement a fixed "submit" button on a long form

Question

So I have a configuration menu and I want to add the "submit changes" button fixed to the bottom right corner of the screen. My issue is, my configuration menu options can expand past the bottom of the screen. I am afraid that some options will be hidden behind the fixed bottom rectangle as you can see in the image.

Is there a clear way to indicate to the user that there are more options below? Should I make the submit button on the bottom of the screen, but not fixed so the user must scroll to find it? Ideally, I'd like the user to know that there are more options while always having the "submit changes" button visible

Answer 1

It depends on the length of your form. The submit button will be expected at the bottom of the form by most users, since this is a well known pattern. So if you want your users to scroll down and see all the form fields this would be the way to go.

If your form is very long consider to split it into chunks.

If you need the button sticky for whatever reasons just choose a design that suggests that the bar with the button is in front of something you can achieve this for example by using a shadow effect on the sticky bar.

Answer 2

The most natural solution would seem to be placing the Submit button below the form. That way you communicate the intent without needing any extra tricks.