图像不随滚动条移动，始终固定在网页垂直居中央的特效代码

稿源：互联网 2018-09-03 01:24:32 点击： 13632 撤稿纠错

让一个 div(有背景图片) 在页面里面固定，位置需要水平和垂直居中，且不随页面的滚动而滚动

以下讨论的是和滚动条垂直居中相关的图像不随滚动条移动，始终固定在网页垂直居中央的特效代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>图片保持垂直居中的网页特效</title>
<style type="text/css">
.logo {
 width: 540px;
 height: 258px;
 position:fixed;
 background: url(http://js.alixixi.com/uploadpic/201809030123258118.png) no-repeat;
 margin:auto;
 left:0;
 right:0;
 top:0;
 bottom:0;
}
</style>
</head>

<body>
<div class="logo"> </div>
111 
111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 
</body>
</html>

关于图像不随滚动条移动，始终固定在网页垂直居中央的特效代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2018090394590.shtml方便下次再访问哦。

·上一篇： 跟随鼠标移动立体翻转的JS图片展示效果特效
·下一篇： 公司新年网页抽奖程序数字抽奖游戏JS特效

图像不随滚动条移动，始终固定在网页垂直居中央的特效代码

文章分类LIST >>返回首页

最新游戏

最新新闻