swiper 模擬滾動條

需要引入的檔案

css部分

"" rel=
"stylesheet"
>
.swiper-container 
.swiper-slide 
.swiper-container-vertical>
.swiper-scrollbar 
.swiper-scrollbar-drag 
<
/style>

html部分

="swiper-container" > => ="swiper-slide" > 以和為貴< /h4> 唉...朋友們好啊，我是公司前端開發人員。< /p> 剛才有個測試問我這個頁面沒有資料，究竟發生腎麼事了，我說怎麼回事，給我發了幾張截圖。< /p> 我一看！嗷！原來是昨天，兩個後台小伙，二十多歲。乙個髮量百分之九十，乙個髮量百分之八十多。< /p> 他們說，唉…有組資料我們不能一次性給你全量，前端能不能處理成懶載入，哎…幫忙處理一下，返回的資料。我說可以。< /p> 我說幾十條資料都不能全量給，太菜了，他不服氣。我說小朋友：你把es優化一下，現在返回時間太長。他改不動，他說你這也沒用。我說我這個有用，這是優化，傳統專案是講優化的毫秒級速度。常規深度遍歷的資料，我可以毫秒內返回。 < /p> 啊…哈！他非讓我寫，我說可以。誒…我一說的啪就開啟了ide，很快嗷！然後上來就是乙個ctrl+c乙個ctrl+v，我全都粘過來了啊粘過來以後git add . /git commit -m」搞定了「，推上去以後，我笑一下準備下班。< /p> /p> 我關機準備下班，他突然拉住我說後台部署完前端有報錯，啊。我大e了啊，沒有改前端程式，矮…返回值我按照兩個介面處理的，啊。但沒關係啊，按乙個處理一樣沒問題！他也說，啊他截圖也說了，兩分多鐘以後，宕機了，記憶體溢位，我說停停。然後兩分鐘以後，誒重啟就好了。 < /p> 我說小夥子你不講碼德你不懂，他說對不起對不起，我部署錯分支了。啊我是…他說他是亂部署的，他可不是亂部署的啊：十萬條返回資料，資料工整符合格式導致瀏覽器記憶體溢位電腦卡死，後來他說他植入了一段爬蟲，啊，看來是油備而來！這兩個年輕人不講碼德，來，騙，來，偷襲，我三十五歲即將被職場淘汰的老同志，這好嗎？這不好。 < /p> 我勸這位年輕人耗子尾汁！好好反思，以後不要再犯這樣的聰明，小聰明，啊！呃…研發團隊要以和為貴，要一致對外，不要搞窩裡鬥，謝謝朋友們！< /p> < /div> < /div> ="swiper-scrollbar" > < /div> <

/div>

js部分

""
>
<
/script>
var swiper =
newswiper
('.swiper-container',,
mousewheel:
true,}
);<
/script>

swiper 模擬滾動條

模擬滾動條

模擬滾動條

div JS模擬滾動條

相關推薦