title: What are the guidelines/best practices regarding the placement of the back-to-top button on a webpage with a footer?
body: <p>I am willing to add a back-to-top button at the bottom right corner of a webpage containing a lot of content. Having UX in mind, I am planning to align the design of my back-to-top button with the guidelines provided in a <a href="https://www.nngroup.com/articles/back-to-top/" rel="nofollow noreferrer">NN/g blog post</a>.</p>
  
  <p>However, there is no mention on this blog post of where the back-to-top button should be placed when the webpage has a footer.</p>
  
  <ul>
  <li>Should this button overlap on the footer?</li>
  <li>Or should this button stay in the bottom right corner until the footer gets visible (in that case the button would stop above the footer), as investigated by others in Stackoverflow posts (e.g. <a href="https://stackoverflow.com/questions/27780145/back-to-top-on-scroll-top-at-footer">related post 1</a>, <a href="https://stackoverflow.com/questions/18053326/how-to-prevent-fixed-button-from-overlapping-footer-area-and-stop-the-button-on">related post 2</a>)?</li>
  </ul>
  
  <p>I'd like to have the inputs of UX designers/experts on that matter.</p>
  
  <p>Thanks!</p>