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



