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里面当内容小于高度的时候,是有区别的
  • 相关阅读:
    分享一个难得的YiBo微博客户端应用源码Android版
    js的cookie操作及知识点详解
    c#中out参数的作用
    取消安卓listview,scrollview,gridview滑动时候边缘模糊问题
    分块+deque维护 Codeforces Round #260 (Div. 1) D. Serega and Fun
    并发
    感想
    windows服务器允许MySQL远程连接
    C. Vasya And The Mushrooms
    cf1017 D. The Wu
  • 原文地址:https://www.cnblogs.com/wzndkj/p/10332467.html
Copyright © 2011-2022 走看看