jquery+css实现页面滚动到底部弹出特效代码

代码语言:html

所属分类:加载滚动

代码描述:jquery+css实现页面滚动到底部弹出特效代码

代码标签: jquery css 页面 滚动 底部 弹出

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
:root {
	--clr1:#ddd;
	--clr2:#efefef;
	--clr3:#333;
	--clr4:tomato;
	--border-radius:7px;
	--text-radius:50em
}
body {
	background:var(--clr1);
	padding:50px 0 0 0;
	margin:0 10px
}
body *,body:after,body:before {
	box-sizing:border-box
}
.transparent {
	background:transparent!important
}
.wrap {
	max-width:960px;
	min-width:360px;
	margin:0 auto;
	position:relative
}
.wrap.sticky {
	margin-top:150px
}
.fluid .wrap {
	max-width:100%!important
}
header {
	background:var(--clr2);
	padding:50px;
	width:100%;
	border-radius:var(--border-radius);
	position:relative;
	z-index:99
}
.wrap.sticky header {
	background:var(--clr2);
	padding:50px;
	position:fixed;
	top:0;
	max-width:960px;
	width:calc(100% - 20px);
	min-width:360px;
	border-radius:0 0 var(--border-radius) var(--border-radius)
}
.fluid .wrap.sticky header {
	max-width:100%!important
}
header .logo {
	background:var(--clr1);
	width:50px;
	height:50px;
	border-radius:va.........完整代码请登录后点击上方下载按钮下载查看

网友评论0