javascript - Wie ist es ähnlich wie bei Tmall und JD.com möglich, die Produktdetailseite aufzurufen, um Grafik- und Textdetails anzuzeigen?

Question

Ähnlich wie bei Tmall und JD.com können Sie auf der Produktdetailseite nach oben ziehen, um Grafik- und Textdetails anzuzeigen. In den Grafik- und Textdetails können Sie nach unten ziehen, um zurückzukehren.

Answer 1

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