Modification of html scroll bar_html/css_WEB-ITnose
Release: 2016-06-24 12:15:06
Original
1299 people have browsed it
I used this. If it exceeds this height, a vertical scroll bar will appear. This vertical scroll bar does not look good. Is there any way to remove this vertical scroll bar? Scroll bar, but content with a height exceeding 150 can still be scrolled by rolling the mouse wheel? Or is there a way to achieve scrolling with buttons above and below?
Reply to discussion (solution)
"But content with a height exceeding 150 can still be scrolled by rolling the mouse wheel"
If the scroll bar is not needed, it will not look good. Yeah, and I’ve never seen anything like this. . . . . .
Use page turning?
If there is no scroll bar for the excess part, then the excess The content is not fully displayed, and it is not completely displayed on the page. It gives the impression that there is a missing piece here, or it can be made adaptive and the minimum height is set. When it is less than the minimum height, the scroll bar will appear. The original poster This idea is generally used by few websites. . .
Although I don’t quite understand what you mean, I hope this can help you:
white-space: nowrap;
Thank you in advance for your reply,
< div style="background-color:#006666;width:auto;height:300px;">
- a
- b
- c
- d
- e
- f
- g
- h
< ;/ul>
If the height of the li exceeds 100, a vertical scroll bar will appear, but this is My page doesn't look good, so I want to change the style, but I don't know how. The height is fixed, but the number of li's is variable. Is there any other way to avoid vertical scroll bars but still scroll the content in ul?
You can do it yourself Modify the style of the scroll bar and set it to transparent and it will disappear soon