這篇文章給大家分享的是通過(guò)JS實(shí)現(xiàn)圖片垂直居中懸浮，不跟隨滾動(dòng)條飄動(dòng)的效果，有興趣的朋友跟著學(xué)習(xí)下吧。

這篇文章我們是用JS實(shí)現(xiàn)一個(gè)圖片懸浮的效果，在我們用鼠標(biāo)下拉滾動(dòng)的時(shí)候圖片居中懸浮，不跟隨滾動(dòng)，我們先來(lái)看下效果圖：

下面我們來(lái)看下所有測(cè)試過(guò)的代碼：

.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;

}

圖片垂直居中不隨滾動(dòng)條滾動(dòng)的JS代碼

腳本之家JS圖片懸浮圖片效果

上面是我整理給大家的，希望今后會(huì)對(duì)大家有幫助。

相關(guān)文章：

總結(jié)

以上是生活随笔為你收集整理的php悬浮图片,在JS中如何实现图片居中悬浮效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。