div--可滚动但不显示滚动条

最新推荐文章于 2024-04-03 18:35:30 发布

lumanman_w

最新推荐文章于 2024-04-03 18:35:30 发布

阅读量1.5k

点赞数

分类专栏：一步一步精通CSS 文章标签： div 可滚动不显示滚动条 css

本文链接：https://blog.csdn.net/a_smart_girl/article/details/105845515

版权

本文展示了如何使用CSS让div元素可滚动却不显示滚动条，通过代码示例帮助理解实现方法。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>可滚动但不显示滚动条的div</title>
  </head>
  <script>
    function getData() {
      let arr = [];
      for (let i = 0; i < 10; i++) {
        let string = "";
        let j = i;
        while (j >= 0) {
          string += i;
          console.log("string", string);
          j--;
        }
        arr.push(string);
      }
      arr.forEach((item) => {
        let node = document.createElement("LI");
        let textnode = document.createTextNode(item);
        node.appendChild(textnode);
        document.getElementById("showList").appendChild(node);
      });

      arr.forEach((item) => {
        let