zoukankan      html  css  js  c++  java
  • 滚动

    滚动行为和滚动条
    visible 滚动条隐藏 (内容显示出来,撑出容器)
    hidden 滚动条隐藏 (超出容器的部分进行隐藏)
    scroll 滚动条显示(超出容器后,可以允许用户进行滚动)
    auto 滚动条自动显示(也是超出容器后,可以进行滚动,scroll是滚动条始终存在,auto是需要滚动的时候才有滚动条,不需要的时候不需要滚动条
    <style>
    .c1{
      background: red;
      height: 200px;
      overflow: hidden;
    }
    </style>
    <body>
    <div class="c1">
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
    </div>
    </body>
    默认是visible。在mac下,auto,scroll区别不大,在windows里面当内容小于高度的时候,是有区别的
  • 相关阅读:
    关于HTML面试题汇总之H5
    HTML5的页面资源预加载技术(Link prefetch)加速页面加载
    linux下搭建SVN服务器完全手册
    HTML5标签学习
    22个HTML5的初级技巧
    h5 audio播放音频文件
    html5适应屏幕的方案
    富文本编辑器的使用
    Array.prototype.filter()
    安装谷歌助手教程
  • 原文地址:https://www.cnblogs.com/wzndkj/p/10332467.html
Copyright © 2011-2022 走看看