A small example of clicking and scrolling up and down written by JQuery _ jquery-js tutorial

I will share a small example of clicking and scrolling up and down written by JQuery. For more information about learning jquery, see. Functional requirements:
1. 10 records are displayed in the scroll box;
2. There is a scroll up or down button, each time you click the button to scroll up or down the number of records, not automatically scroll;
3. The number of records does not scroll cyclically. If you scroll to the start or end point, the scroll stops.
The following describes a simple implementation method:
1. outer container (p) overflow: hidden, inner list (ul)
2. click the button to trigger a function to modify the list.
3. Apply animate to achieve animation Effects
The code is directly used instead.
CSS settings

The Code is as follows:

JQuery code

The Code is as follows: