Mobile page fingers swipe to turn the page, the slider plug-in turns the whole page, and now you want to slide part of it.

problem description

as shown in the figure, excluding the date at the top of the page and the navigation at the end of the page, the middle part is divided into two parts, the upper part is the circle and the overall display of the interior, and the lower part is the drinking list. Now I want to slide the upper and lower parts through the sliding of the fingers.

the environmental background of the problems and what methods you have tried

tried the swiper plug-in, but the plug-in implements full-page sliding, not partial sliding.

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Javascript css html5

Oct.12,2021

Previous: Problems with django channels sending messages to multiple clients

Next: Phpstorm Settings php servers failed to open localhost

Now you need to do a front-end page for ipad pro2. Ui gave me the blueprint, would you like to set my page to be the same size?
now you need to make a front-end page for ipad pro2. Ui gave the design drawing 2732 to 2048. Should my page be set to the same size ?...

Webapp ui-Design javascript css html5

Feb.28,2021
How to use Select components in ant design in ant design mobile
in using ant design mobile, you need to use the kind of Select component in antd, but it is not in ant design mobile. What should I do ...

Antdesign antd javascript css html5

Mar.02,2021
How to implement this component?
just getting started at the front end, inexperienced () vue how do you do the missing corner in the middle of the CSS? ...

Javascript css html5

Mar.10,2021
How to solve the click invalid event in the cross area?
there is a cross area between the secondary menu and the actual click area div HTML: <div class="level1-group dragDocument"> <a class="menu-level1"> <div> <img src="resource tem...

Javascript css html5

Mar.12,2021
The video written by the ios10 video tag is not fully displayed by the full-screen button.
on ios10 devices, the full-screen button for video tag video is incomplete. ...

Javascript css html5 html

Mar.13,2021
The multiple selection event of the table in element, how to select the row and change the color of the row?
when I select these pieces of data, the color of these lines changes, and when canceled, the color returns to normal. Add a highlight to the table. In the multi-selection event @ select-change= "selectChange " selectChange: function (val) { this.curr...

Javascript css html5

Mar.19,2021
Using Vue to implement a list page to jump to the details page, the data of the details page can be selected, and then click OK to return to the list page, and the data selected on the details page is displayed in the corresponding column
there is a list page as shown below: " " 1011: " " : vue ...

Vue.js javascript css html5

Mar.20,2021
The returned file of the grab package is correct, but the suffix is incorrect. It is in .bin format and cannot be opened.
48.77Mstl148.77Mbin2203, but there will be an error when opening the bin file software. There is no problem for downloading stl directly, and it is invalid for bin to change the stl suffix. In this case, how to restore the bin file to stl?? URL: www.d...

Html grabs-Filter javascript css html5

Mar.20,2021
What will be downloaded without the download attribute in the a tag?
the correct way to write it is like this I want to ask, what are these things? ...

Javascript css html5

Mar.21,2021
How can I scroll the dom instead of the entire page when I move the mouse over it?
there is a problem that has been bothering me. The page is as follows, which is a simple html code-generated page. The page contains a div, in the body tag. I artificially make the body scrollable and the div content scrollable. the effect of the page...

Javascript css html5 html

Mar.21,2021
How to use js to restore the mobile browser page to the original zoom ratio?
there is a web page browsed on the mobile phone. I enlarged the page by gesture (without writing the relevant gesture control code, it is the gesture zoom function of the mobile browser). After testing, it is found that it has actually changed the value ...

Javascript css html5

Mar.24,2021
Can class in html be assigned dynamically?
<body class="row"> <div class="container body"> < div> < body> for example, I have a requirement that I want to dynamically set the class style of body based on the result of a js method, and swit...

Javascript css html5

Mar.25,2021
Vue renders pictures. If AA is composed of two parts, the image cannot be obtained, and bb can
AA: .. src opms resource + image opus 1531812188HEWIU.jpg , bb: .. src opms resource image opus 1531812188HEWIU.jpg , ...

Javascript css html5 html

Mar.28,2021
How does css make page elements scale in proportion to the size of the screen and keep them centered vertically all the time?
problem description you want to place a picture in the vertical center of the page, with some text on top of the picture. If you want pictures and text, you can scale according to the size of the screen. do you have any good ideas for implementation...

Javascript css html5 html

Mar.31,2021
How to solve the conflict between Android drop-down refresh and local scrolling on the mobile web page?
No problem on ios. Sliding up and down is basically no problem. Android pull-down refresh conflicts with the sliding area in the middle of the page, and once you swipe up (that is, when the finger is pulled down), it triggers the entire page drop-down ...

Vue.js javascript css html5

Apr.03,2021
Mobile end elastic layer effect?
as shown in the figure Click all, pop up the option layer, and the designer doesn t say much about it. There is no way to write with jq. I hope you can give me some advice code > . ...

Javascript css html5

Apr.03,2021
How do you do the dynamic effect of the Mijia purifier page?
the effect of the picture is as follows: there are star convergence and circle 3D dynamic effect, how do you do this? ] [1] ...

Javascript css html5

Apr.05,2021
Arc gradient progress bar
as shown in the figure below, what about the effect that changes with the voltage? ! [picture upload.] finally, the stupid method is used to solve the problem. The two images are superimposed with the same size, and the code is as follows: css: ....

Javascript css html5

Apr.07,2021
How does css make dynamic effects like waves?
if the water wave in the picture is stable, how can we achieve the dynamic effect of wave understanding like that? ...

Javascript css html5

Apr.07,2021
Mint-ui cell uses v-if to change icon error report
I want to implement a list of cloud disks, showing folder, xls, pdf, png and other file types. When using v-for to loop cell, add v-if to judge fileType, to further change the icon in slot. But when you modify it in img alone, you will get an error, say...

Javascript css html5

Apr.09,2021