CSS sets Overflow to hide the scroll bar while allowing scrolling

CSS sets Overflow to hide the scroll bar while allowing scrolling

CSS sets Overflow to hide the scroll bar while allowing scrolling. The specific code is as follows:

.scroll-list ul{
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0.1rem;
    margin-bottom: -.2rem;
    overflow: -moz-scrollbars-none;
    overflow: -moz-scrollbars-none;
}
.scroll-list ul::-webkit-scrollbar{
    display: none;
}

Summarize

The above is the CSS setting Overflow that I introduced to you to achieve hiding the scroll bar while allowing scrolling. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!
If you find this article helpful, please feel free to reprint it and please indicate the source. Thank you!

<<:  Tips for designing photo preview navigation on web pages

>>:  HTML tag dl dt dd usage instructions

Recommend

Source code reveals why Vue2 this can directly obtain data and methods

Table of contents 1. Example: this can directly g...

Summary of MySQL database usage specifications

Introduction: Regarding MySQL database specificat...

JavaScript recursion detailed

Table of contents 1. What is recursion? 2. Solve ...

How to monitor Windows performance on Zabbix

Background Information I've been rereading so...

N ways to align the last row of lists in CSS flex layout to the left (summary)

I would like to quote an article by Zhang Xinxu a...

Solution to inserting a form with a blank line above and below

I don't know if you have noticed when making a...

6 solutions to IDEA's inability to connect to the MySQL database

This article mainly introduces 6 solutions to the...

Two ways to start Linux boot service

Table of contents rc.local method chkconfig metho...

Detailed explanation of docker entrypoint file

When writing a Dockerfile, include an entrypoint ...

Specific usage of fullpage.js full screen scrolling

1.fullpage.js Download address https://github.com...

Summary of the minesweeping project implemented in JS

This article shares the summary of the JS mineswe...