title: how to show a floating action button always in bottom of screen
body: <p>I'm using <a href="https://material-ui.com/" rel="nofollow noreferrer">material ui</a></p>
  <p>I have a floating action button and I want to show it a specific place that would not change with scroll,</p>
  <p>and also I want to know if it is a fine problem</p>
  <p>here is the code</p>
  <pre><code>  const floatingMenuButtonStyle = {
      backgroundColor: '#DEEAF6',
      color: '#8A3473',
      alignSelf: 'flex-end',
      position: 'fixed',
      bottom: '8%',
      right: '9%'
  </code></pre>
  <p>here is floating action button</p>
  <pre><code>   &lt;Fab 
          style={floatingMenuButtonStyle}
           aria-label=&quot;add&quot;
            children={&lt;AddIcon fontSize='default' /&gt;}&gt;&lt;/Fab&gt;
        }
  </code></pre>