3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)div標(biāo)簽由于fixed的位置類型被固定而不隨頁(yè)面滾動(dòng)。

lthtml lthead ltmeta charset=quotutf8quot lttitle百度知道lttitle lthead ltbody lt！ positionfixed是設(shè)置為固定在頁(yè)面的某個(gè)位置，不會(huì)隨滾動(dòng)條滾動(dòng)而移動(dòng)top 50px圖片距離頁(yè)面頂部50像素right10px。

完全用CSS控制就可以了，頁(yè)面在滾動(dòng)，給這個(gè)DIV設(shè)置positionfixed那么頁(yè)面不管怎么滾動(dòng)，這個(gè)DIV是中在頂端 解決方案二顯示合作div absolute定位，判斷滾動(dòng)到div位置的時(shí)候設(shè)置position為fixed，同時(shí)設(shè)置top為0 ltdiv style=quot。

懸浮按鈕只需要設(shè)置按鈕positi的屬性為fixed即可例子lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitle浮動(dòng)按鈕lttitle ltstyle * margin 0px padding 0px。

方案一直接使用HTML的滾動(dòng)標(biāo)簽 marquee ，把圖片放入滾滾標(biāo)簽內(nèi)部，代碼如下ltmarquee ltimg src=#391jpg#39 ltimg src=#392jpg#39 ltimg src=#393jpg#39 ltimg src=#394jpg#39 ltmarquee 方案二使用第三方插件。

條條大路通羅馬，但是看看那方塊，當(dāng)快速滾動(dòng)滾動(dòng)條的時(shí)候，會(huì)發(fā)現(xiàn)那個(gè)可愛(ài)的方塊抖動(dòng)地厲害這也難怪，那么多的計(jì)算誰(shuí)能受得了那有沒(méi)有比較“平靜”高效的表示方式呢答案是有l(wèi)thtml lthead lttitlelttitle。

代碼詳情如下，直接使用即可content1overflow hiddenoverflowyscrollSCROLLBARFACECOLOR#205e17SCROLLBARSHADOWCOLOR#86ff92SCROLLBARSHADOWCOLOR#86ff92SCROLLBAR3DLIGHTCOLOR#205e17SCROLLBAR。

load， falseHTML代碼ltdiv id=quotinpquotltdiv上面的小例子當(dāng)touchstart事件觸發(fā)的時(shí)候，會(huì)將觸摸的位置更新到div標(biāo)簽中當(dāng)touchmove事件觸發(fā)的時(shí)候，會(huì)默認(rèn)行為的滾動(dòng)觸摸移動(dòng)的默認(rèn)行為是滾動(dòng)頁(yè)面，然后觸摸操作的變化。

Scrollamount用于設(shè)定活動(dòng)字幕的滾動(dòng)距離數(shù)值越小，滾動(dòng)的速度就越快scrolldelay用于設(shè)定滾動(dòng)兩次之間的延遲時(shí)間，數(shù)值越小，間隔就越小Loop用于設(shè)定滾動(dòng)的次數(shù)，當(dāng)loop=1表示一直滾動(dòng)下去，直到頁(yè)面更新其中默認(rèn)。

1創(chuàng)建兩個(gè)html文件，一個(gè)test一個(gè)test22打開(kāi)test頁(yè)面，在里面創(chuàng)建一個(gè)div，并給其添加onmousedown與move方法3打開(kāi)后我們發(fā)現(xiàn)是一個(gè)棕綠的頁(yè)面4定義兩個(gè)變量，startx為鼠標(biāo)按下的坐標(biāo)，endx為鼠標(biāo)移動(dòng)的坐標(biāo)。

素材的準(zhǔn)備為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的同理，小編也準(zhǔn)備了一些與網(wǎng)頁(yè)主題密切相關(guān)的圖片，用于做為實(shí)現(xiàn)圖片滾動(dòng)效果的素材打開(kāi)Dreamweaver8，新建一網(wǎng)頁(yè)文件，并保存。

lttable border=quot0quot cellspacing=quot0quot cellpadding=quot0quot lttr lttd valign=quottopquot id=demo1 lt！ 要循環(huán)滾動(dòng)的圖片 lttable width=quot600quot border=quot0quot align=quotcenterquot cellpadding=quot0quot cellspacing=quot0quot。

一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺(jué)應(yīng)該是你想要的效果了你說(shuō)的這個(gè)是單頁(yè)面效果我給你個(gè)網(wǎng)址上面有好多這樣的。