Home  >  Q&A  >  body text

javascript - 手机淘宝网页面滚动实现思路。

手机淘宝页面没有滚动条,只能用touch来滚动页面,这是怎么实现的?
https://m.taobao.com/?sprefer=sypc00#index

PHP中文网PHP中文网2749 days ago775

reply all(2)I'll reply

  • 巴扎黑

    巴扎黑2017-04-10 16:08:17

    简单来说就是用 height=定值 + overflow:hidden; 来实现.
    不过淘宝首页的p层级太多了,要把所有父元素的overflow去掉才能出现滚动条...
    内部元素监听touch事件实现css3 transform变换。再屏蔽鼠标滚动

    reply
    0
  • ringa_lee

    ringa_lee2017-04-10 16:08:17

    还有一种可能就是他们自己开发了一个scroll的组件。类似于iscroll这种东西。印象中淘宝貌似有scroll的组件。

    reply
    0
  • Cancelreply