Blur Top Bottom Scroll

How to listen to when the content inside an element is scrolled all the way to the top or bottom and display a blur and scroll button accordingly. See the images bellow for possible result (you can edit the code to your liking of course):

See code here:
-> HTML
-> SCSS
-> TS