無縫滾動的實現(xiàn)原理：div box是最外層盒子，給它指定的寬高，記得給box添加一個 overflow:hidden (超出的內(nèi)容隱藏)樣式，因為滾動肯定是會超出box的。
然后通過js控制 ul 標(biāo)簽的margin 來實現(xiàn)滾動。橫向滾動則是控制 margin-left ; 縱向滾動則是控制 margin-top;
初始狀態(tài)時，我們還要進行條件判斷，判斷是否進行滾動。即：當(dāng) ul 長度小于 外層 box 長度時不進行滾動，反之則進行滾動。比如我們公司做的馬紅旗小兒推拿的項目上就應(yīng)用到了無縫滾動，這個是用jquery來完成的：
這個的具體寫法是這樣的：
首先引入juqry
在這里引用了一個插件，專門來控制滾動的，調(diào)用的方式如下：
Name是你的類名，width、height是li的寬度高度，direction是滾動的方向，Speed是滾動的速度
完成上述步驟，無縫滾動就可以實現(xiàn)了。
上一篇： 頁面中的新聞滾動是如何實現(xiàn)的
