javascript - Similar to Tmall and JD.com, how is it possible to pull up the product details page to view graphic and text details?
过去多啦不再A梦2017-07-05 10:38:47
0
1
1117
Similar to Tmall and JD.com, pull up on the product details page to view graphic and text details. In the graphic and text details, pull down to return. How is this implemented?
This should be the web version. I've never seen this stuff. . Let me briefly explain my thoughts. In fact, it is to monitor the scroll of the details area in the middle. In the registered event, we have to do these two things. One is that the details area appears at the top of the visible area, and an interval may be set. It will only appear when it is 5px up and down. For this partial pull-down effect, the outer area must be set to non-scrollable, and the inner pull-down area must be set to drop-down. This is controlled through styles. Then the ordinary drop-down is loaded, and events need to be bound to this internal area... The drop-down is the same. When it reaches the bottom, do the same thing
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
This should be the web version. I've never seen this stuff. .
Let me briefly explain my thoughts. In fact, it is to monitor the scroll of the details area in the middle. In the registered event, we have to do these two things. One is that the details area appears at the top of the visible area, and an interval may be set. It will only appear when it is 5px up and down. For this partial pull-down effect, the outer area must be set to non-scrollable, and the inner pull-down area must be set to drop-down. This is controlled through styles. Then the ordinary drop-down is loaded, and events need to be bound to this internal area... The drop-down is the same. When it reaches the bottom, do the same thing