19顶

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

稿源：互联网 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 >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

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

文章分类LIST >>返回首页

最新游戏

最新新闻