您的位置:首页技术文章
文章详情页

javascript - 类似于天猫和京东,商品详情页上拉查看图文详情,是通过什么方式实现的?

【字号: 日期:2022-06-24 14:11:53浏览:47作者:猪猪

问题描述

类似于天猫和京东,商品详情页上拉查看图文详情,在图文详情,下拉可以返回,这是如何实现的?

javascript - 类似于天猫和京东,商品详情页上拉查看图文详情,是通过什么方式实现的?

javascript - 类似于天猫和京东,商品详情页上拉查看图文详情,是通过什么方式实现的?

问题解答

回答1:

这应该是网页版吧。我没见过这个东东。。简单说一下我的思路吧。其实就是监听中间这部分详情区的scroll,注册的事件里我们就要做这两件事,一个是详情区域出现在可视区域顶部内,可能会设置一个区间,上下5px的时候,才会出现这个可局部下拉的效果,这时候要把外面的区域设为不可滚动,内部这个可下拉的区域设为可下拉,这都是通过样式去控制的。然后就是普通的下拉加载了,也需要给内部的这个区域绑定事件... 下拉是一样的,到底部的时候,去做相同的事

标签: 天猫 京东