Best answer by fleb
View original
How to fix previous and next buttons to the same position in a page regardless of change of content?
I find the previous and next buttons moving up and down according to content length visually annoying, is it possible to fix them somewhere on the page so they are always at the same place?
Userlevel 5
+6
Hi @Stellalxg,
a) you can place your buttons to the header. See this discussion.
b) you can set the minimum height of the `div` with questions relative to the height of the browser window. In case the content will be shorter than the window height, the button will be in a fixed position below. In case the content will be longer (i.e.: the respondent will have to scroll), the next button will be right below the last question. This CSS can be used for it: `#Questions{min-height:70vh;}` Test it different heights before you use it.
c) You can also try to implement something like this, but personally I didn't manage to do so.
a) you can place your buttons to the header. See this discussion.
b) you can set the minimum height of the `div` with questions relative to the height of the browser window. In case the content will be shorter than the window height, the button will be in a fixed position below. In case the content will be longer (i.e.: the respondent will have to scroll), the next button will be right below the last question. This CSS can be used for it: `#Questions{min-height:70vh;}` Test it different heights before you use it.
c) You can also try to implement something like this, but personally I didn't manage to do so.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.