jump.js实现网页滚动到底部效果代码

代码语言:html

所属分类:加载滚动

代码描述:jump.js实现网页滚动到底部效果代码

代码标签: jump.js 网页 滚动 底部

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

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jump.min.js"></script>
    <style>
        html,* {
	margin:0;
	padding:0
}
* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
body {
	background:linear-gradient(199deg,rgba(108,37,154,0.5) 0,rgba(108,37,154,0.5) 14.286%,rgba(92,53,164,0.5) 14.286%,rgba(92,53,164,0.5) 28.572%,rgba(75,70,174,0.5) 28.572%,rgba(75,70,174,0.5) 42.858%,rgba(59,86,185,0.5) 42.858%,rgba(59,86,185,0.5) 57.144%,rgba(42,102,195,0.5) 57.144%,rgba(42,102,195,0.5) 71.43%,rgba(26,119,205,0.5) 71.43%,rgba(26,119,205,0.5) 85.716%,rgba(9,135,215,0.5) 85.716%,rgba(9,135,215,0.5) 100.002%),linear-gradient(213deg,#16a286 0,#16a286 14.286%,#258e90 14.286%,#258e90 28.572%,#347a9a 28.572%,#347a9a 42.858%,#4467a4 42.858%,#4467a4 57.144%,#5353ae 57.144%,#5353ae 71.43%,#623fb8 71.43%,#623fb8 85.716%,#712bc2 85.716%,#712bc2 100.002%)
}
section {
	hei.........完整代码请登录后点击上方下载按钮下载查看

网友评论0