Using debouncing idea described in
https://css-tricks.com/styling-based-on-scroll-position/ to record
scrollY value and render the `BoxedTitle` base on the value. The box is
hidden when scrollY is greater than 30.
The class-style React component is used to register an event listener
for scrolling event.