这篇文章给大家分享的是通过js实现图片垂直居中悬浮，不跟随滚动条飘动的效果，有兴趣的朋友跟着学习下吧。
这篇文章我们是用js实现一个图片悬浮的效果，在我们用鼠标下拉滚动的时候图片居中悬浮，不跟随滚动，我们先来看下效果图：
下面我们来看下所有测试过的代码：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><style type="text/css">.logo { width: 650px; height: 383px; position:fixed; background: url(//www.jb51.net/images/logo.gif) no-repeat; margin:auto; left:0; right:0; top:0; bottom:0;}</style><title>图片垂直居中不随滚动条滚动的js代码</title></head><body style="height:3000px"><p class="logo"> </p><p>脚本之家js图片悬浮图片效果</p></body></html>
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在微信小程序中如何实现滚动消息通知
在微信小程序中如何实现文字跑马灯效果
js中有关bom的应用技巧有哪些
在微信小程序中如何使用数字滚动插件
在微信小程序中如何实现列表下拉刷新上拉加载效果？
在vue+webpack中如何实现异步组件加载？
在vue.js中使用nginx来解决跨域
在javascript中如何实现求最大公共子串
以上就是在js中如何实现图片居中悬浮效果的详细内容。