很多網(wǎng)站中的頁面都有滾動(dòng)頭條,具體是如何實(shí)現(xiàn)的呢?
首先,他的大致結(jié)構(gòu)是由兩個(gè)div,一個(gè)ul組成。css樣式很簡單,這里主要用到了position定位跟overflow。
接下來就是jq了,具體寫法:
這里是由動(dòng)畫animate來執(zhí)行的,每次滾動(dòng)50像素,需要注意的是當(dāng)ul向上滾動(dòng)負(fù)50像素的時(shí)候,需要將他的樣式再重新拉回到0像素,就是他的原出發(fā)點(diǎn)。
最后效果圖。
關(guān)鍵詞: