国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - swiper tab切換 點擊每一按鈕,怎么可以使swiper容器,移動
迷茫
迷茫 2017-06-14 10:54:16
0
2
900

swiper tab切換 點擊每一按鈕,怎么可以使swiper容器,移動

例如網(wǎng)易的 頂部tab切換 點擊每一按鈕 ,tab切換的容器都會滾動(1:可以向左 ,向右滾動,而且內(nèi)容是占滿整個容器的,)

http://3g.163.com/touch/auto?...

迷茫
迷茫

業(yè)精于勤,荒于嬉;行成于思,毀于隨。

全部回復(2)
某草草

橫向 scroll 滾動 .topnav_list

Ty80

我做了一個 DEMO:https://codepen.io/anon/pen/d...

只是實現(xiàn)了基本功能,移動位置不是很精確,實際使用的話需要自己調(diào)校移動量。

原理就是給每個 .topnav_item 綁定一個 onClick 的 listener。當點擊元素時,取得該元素在 topnav_list 中的 index,然后把 .topnav_list 相應地向左位移 width * index 距離(不是精確值,需要調(diào)校)。

DEMO 中用了 ES2015 的一些語法,實際使用時需要注意瀏覽器兼容性。圖省事用了 jQuery 的.scrollLeft() 方法,實際使用時可以自己實現(xiàn)一個。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板