Scroll to top

Inori · 01-08-2016, 01:26 AM

Not that scrolling is annoying, but I feel like a little floating footer at the bottom of the window that scrolls you back to the top of the site would be nice and convenient. Using the jQuery, CSS, and HTML below, coupled with the scroll function I detailed here nothing else needs to be changed.

HTML (insert anywhere, doesn't matter):

Code:
<div id="footer">
	<a href="#bridge" id="to_top">Scroll to top.</a>
</div>

CSS:

Code:
#footer{
	position:fixed;
	bottom:0;
	min-width:100%;
	text-align:center;
	margin-left:-19.6%;
	padding-bottom:3px;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	background-color:rgba(80,80,80,0.75);
	z-index:200;
	box-shadow:0px 0px 12px 0px rgba(0,0,0,0.75)
}

#to_top{
	color:#afafaf
}

#to_top:hover{
	text-decoration: none
}

jQuery:

Code:
$(document).ready(function(){
	$('#footer').fadeOut(0);
});
$(document).scroll(function(){
	var y=$(this).scrollTop();
	if(y>300){
		$('#footer').fadeIn(500);
  	}else{
    		$('#footer').fadeOut(500);
  	}
});

I just implemented this on my project page, and I think it'd be a nice addition.

Megan · 01-08-2016, 01:38 AM

OR you can just use the button that says "return to Top" on the footer.

https://www.sinister.ly/Thread-Scroll-to...554911#top

Inori · 01-08-2016, 01:57 AM

(01-08-2016, 01:38 AM)Megan Wrote: OR you can just use the button that says "return to Top" on the footer.

https://www.sinister.ly/Thread-Scroll-to...554911#top

If you're in the middle of a page, I feel like this is more accessible and immediately available.

Satan · 01-08-2016, 02:28 AM

(01-08-2016, 01:57 AM)Chitoge Wrote: If you're in the middle of a page, I feel like this is more accessible and immediately available.

Or just have @The Real Slim Shady add it to his plugin? Probably doable, but then again, I don't make extensions.

mothered · 01-08-2016, 05:10 AM

In my views, I don't think this would be practical.

Given Sinisterly has tab browsing for It's Categories and only 10 posts per page (thus the page length Is somewhat kept to a minimum), there's no effort In returning to the top by simply using the browser's scroll bar. I'm not saying the suggestion Is not a good one- others may find It of benefit. I'm just speaking for myself and how I navigate around the forums effortlessly.

Scroll to top
Author Message