鍍金池/ 問(wèn)答/HTML5  HTML/ 如何用js和HTML實(shí)現(xiàn)騰訊手機(jī)新聞APP內(nèi)容左右滑動(dòng)，頂部導(dǎo)航菜單下劃線跟著左

如何用js和HTML實(shí)現(xiàn)騰訊手機(jī)新聞APP內(nèi)容左右滑動(dòng)，頂部導(dǎo)航菜單下劃線跟著左右移動(dòng)的效果

  1. 現(xiàn)在的手機(jī)APP中，內(nèi)容頁(yè)一般都可以左右滑動(dòng)，就是常說(shuō)的tab菜單欄效果，左右滑動(dòng)時(shí)，其上面的分類菜單的下劃線也可以跟著左右滑動(dòng)
  2. 但是在移動(dòng)端中，倒是清一色的沒(méi)看到有移動(dòng)端web頁(yè)面實(shí)現(xiàn)這樣的效果，以前是在手機(jī)騰訊新聞網(wǎng)看到過(guò)
  3. 有人實(shí)現(xiàn)過(guò)這樣的效果或者能給dome，或者你見(jiàn)過(guò)的別人的可下載的案例嗎，本人做的項(xiàng)目中需要用到，一時(shí)沒(méi)有思路，有現(xiàn)成的更好，謝謝。
  4. 附上騰訊新聞APP中的效果圖：

圖片描述圖片描述

回答
編輯回答
懶豬

個(gè)人感覺(jué)和輪播圖的原理差不多，下表同步，idangerouse.js應(yīng)該能夠?qū)崿F(xiàn)

2017年4月8日 08:35
編輯回答
命于你

記得有個(gè)插件叫iscroll，可以實(shí)現(xiàn)這個(gè)效果

好像swiper 也可以實(shí)現(xiàn)這個(gè)效果，你可以參考下

2018年1月4日 21:58