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