Back to Top Button - Classic Tripane Template (Flare 2018)

[vk_2581]

Screen Shot 10-17-18 at 12.40 PM.PNG

Screen Shot 10-17-18 at 12.40 PM.PNG

Hi,

I'm trying to add a 'back to top' button to the HTML Output in the Classic Tripane Template. I've managed to add the icon and UI text label in the Project Organizer>> Skin which seem to look fine in the output. However, I haven't managed to get the 'Event' (in the Skin) for the button working. I understand that the scrolling should work when the user reaches the end of the topic content pane in this template. What I've tried so far in the Skin after reading other posts here:

Event click: href="javascript:window.scrollTo(0,0);"
Event click: $('div.body-container').scroll(function(){
Event click: $('window').scrollTop(0);
Event click: window.scrollTop=0;

I would like the button to be positioned along with the rest of the toolbar icons as in the attached screenshot.

I'm new to Flare and not familiar with scripts. Any pointers would be much appreciated!

Thanks,
Vaishali