複製代碼 代碼如下: //W3C/1. Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> jQuery實現浮動層跟隨頁面滾動效果 <BR>#main{height:2000px} <BR>.demo{width:180px; height:250px; margin:10px; border:2px solid #ccc; background:#eee; pad:10peex; 🎜>#demo1{position:relative; margin-top:-290px;} <BR>#demo2{position:absolute; margin-top:156px; right:10px;} <BR>.demo a{text-decoration:underline ; cursor:pointer} <BR>.demo h3{font-size:14px} <BR>.demo p{line-height:20px} <BR> <BR>$(function(){ <BR>$("#demo1").scrollFollow({ <BR>offset: 156 <BR>}); <BR>$("#demo2").scrollFollow({{ <BR>speed:1000, <BR>//offset: 156, <BR>//relativeTo:"bottom", <BR>killSwitch: "switchlink", <BR>onText: '取消滾動', <BR>offText : '開啟滾動' <BR>}); <BR>}); <BR> Demo 1 滾動滑鼠滾輪或拖曳瀏覽器的滾動條看看。 Demo 2 你可以點擊下面的連結來開啟和關閉浮動層的跟隨滾動效果。 啟動開關 helloweba jQuery實現浮動層跟隨頁面滾動效果 Powered by helloweba.com允許轉載、修改和使用本站的DEMO,但請註明出處:www.helloweba.com