Web rolling strip design ideas

xiaoxiao2021-03-06  78

Perhaps some people will think that I have a problem, and the scroll bar should also be designed. In fact, in the BS system, the scroll bar is still in the design of the layout. Of course, the general website does not need to write scroll bar.

Of course, I haven't started writing this thing yet, just write the ideas first, so as not to forget.

Here is only vertical, and the landscape is actually the same.

1. Define four layers

Make a container, on button, down button, slider

2. Highly definition of the slider:

Slider height / sliding zone = page visual area / page total height

3. The direction of movement of the slider is opposite to the moving direction of the page

4. Slider move distance / sliding area = page mobile distance / page total height

5. There is a minimum height limit on the slider, and it is not limited.

After clearing the above basic issues, the specific implementation is the problem of writing code.

In fact, many people have written scroll bars, but they did not find a slider height, so they decided to write one.

The XP style scroll bar is still better, decided to imitate it.

Oh, I am thinking that when will I reread all the default controls of IE .....

转载请注明原文地址:https://www.9cbs.com/read-93868.html

New Post(0)