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