javascript - 手机淘宝网页面滚动实现思路。
PHP中文网
PHP中文网 2017-04-10 16:06:17
0
2
869

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

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(2)
巴扎黑

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

左手右手慢动作

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template