A sample where fixed positioning is used.

fixedPositioning.tsx

const useStyles = makeStyles({
  fixedToPageWrapper: {
    position: 'relative',
    '&__rightButton': {
      position: 'fixed',
      right: 0,
    },
    '&__leftButton': {
      position: 'fixed',
      left: 0,
    },
  },
}, {name: 'MuiBlogPost'});

export function SliderButtonsBlogPost() {
  const classes = useStyles();
  return (
    <section className={classes.buttonSamplesWrapper}>
      <h1>Fixed Positions</h1>
      <div className={`${classes.fixedToPageWrapper} ${classes.sampleWrapper}`}>
        <LeftSliderButton className={`${classes.fixedToPageWrapper}__leftButton`} />
        {get10RandomColors().map(color => <Color colorName={color} />)}
        <RightSliderButton className={`${classes.fixedToPageWrapper}__rightButton`} />
      </div>
    </section>
  );
}