Release Notes: Scroll to top of entry on small screen

[Meddysong]

The Release Notes template is beautiful but there's a little bit of room for improvement.

On small screens, the record listing is displayed above the frame where the record content is loaded. As far as your phone user is concerned, nothing is happening when they click on the record. They don't get to see the loading graphic like larger-screen users do. Since clicking on the name of a record usually takes the user to the display template, they're left to the conclusion that nothing is happening when they click, unless they know otherwise.

What's clearly missing is a scrolling function which applies when a record title is clicked on small screens, scrolling down to the record.

Does anybody have an idea of what the jQuery for this would look like? Presumably it's straightforward: if the window is a certain width, then on click call function and scroll to a certain data-attribute, right? Can anybody with a better understanding of jQuery suggest the code, please?