亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

京東手機web端兩側滑動效果，需要用到js嗎？

京東手機web端兩側滑動效果，需要用到js嗎？

MMTTMM 2019-04-19 16:30:04
地址是http://m.jd.com/category/all.html使用chrome瀏覽器，并模擬為IPhone5左側的分類列表跟右側的商品列表，獨立滑動，需要用到js嗎?查看了一下它的源代碼，嘗試了一下，實現不了。請問下如何實現該效果。
查看完整描述

2 回答

?
FFIVE

TA貢獻1797條經驗 獲得超6個贊

首先回答問題:可以不使用JS做到。
csscontainer-element{
overflow:auto;
-webkit-overflow-scrolling:touch;
…
…
}
這種方案由webkit提供了強大的性能支持，但是只在iOS5及Android4以上被支持。
京東并沒有用這種方案(也沒有降級)，直接使用Javascript對transform進行控制來實現。
查看完整回答
反對 回復 2019-04-19
?
繁星淼淼

TA貢獻1775條經驗 獲得超11個贊

不需要用到Js,兩邊分別對待，用一個container包含，并設置container的height為100%（為body的高度），里面的內容正常加載，這樣就會分別在各自己的container中滑動。當然如果你要好看的滑動效果，則需要js來操作了，比如用css3的動畫。
查看完整回答
反對 回復 2019-04-19
  • 2 回答
  • 0 關注
  • 604 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號