Home > Web Front-end > HTML Tutorial > Modification of html scroll bar_html/css_WEB-ITnose

Modification of html scroll bar_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:15:06
Original
1306 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?






  • a

  • b

  • c

  • d

  • < li>e
  • f

  • g

  • h







You can do it yourself Modify the style of the scroll bar and set it to transparent and it will disappear soon

Related labels:
source:php.cn
Previous article:1. Text box background image fixed problem 2. Text box cursor positioning problem_html/css_WEB-ITnose Next article:How to set up so that when you click the hyperlink, it will be a game page, and then click again to get the desired page_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template