css 来自http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 来自http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery相关的知识,希望对你有一定的参考价值。

$(document).ready(function(){
	
	//Check to see if the window is top if not then display button
	$(window).scroll(function(){
		if ($(this).scrollTop() > 100) {
			$('.scrollToTop').fadeIn();
		} else {
			$('.scrollToTop').fadeOut();
		}
	});
	
	//Click event to scroll to top
	$('.scrollToTop').click(function(){
		$('html, body').animate({scrollTop : 0},800);
		return false;
	});
	
});
<a href="#" class="scrollToTop">Scroll To Top</a>
.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:75px;
	right:40px;
	display:none;
	background: url('arrow_up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}

以上是关于css 来自http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery的主要内容,如果未能解决你的问题,请参考以下文章

css 用于pandoc的CSS,来自markdown语法。

来自 CSS Intellij 的自动完成 HTML 属性

css APP-transitional.css。来自Project 3的CSS Grid样式表。

css CSS:媒体查询(来自stephen.io的bootstrap +移动设备)

CSS知识点合集---来自安阳某师范!

继承/覆盖来自不同外部文件的现有 CSS 规则