美文网首页
leftMenu中如何固定div高度,溢出自动滚轮

leftMenu中如何固定div高度,溢出自动滚轮

作者: monkeyfly36 | 来源:发表于2019-02-18 19:56 被阅读0次

示例:


image.png image.png

代码:

<template lang="html">
  <div class="container">
    <div :style="{height: getTableMaxHeight, 'overflow': 'auto'}">
         ...
    </div>
  </div>
</template>

<script>
  export default {
    computed: {
        getTableMaxHeight () {
          return this.$store.getters.getContentHeight + 'px'
        }
      }
    }
</script>

<style lang="scss" scoped>
.container {
  background-color: rgb(40,44,52);
  float: left;
  width: 210px;
  height: 100%;
  border-top:solid 0.5px grey
}
</style>

相关文章

  • leftMenu中如何固定div高度,溢出自动滚轮

    示例: 代码:

  • html>css

    overflow: hidden(div高度设定的宽度超过了规定的值,那么超出的部分将自动被隐藏,作用是隐藏溢出)...

  • 用a标签实现tab切换

    给每个ul设置一个固定高度,高度等于div的高度,在div上面设置overflow:hidden;超出隐藏。

  • 2018-05-23

    div高度不固定,垂直居中的方法-汇总 1、高度宽度不固定,内容区域垂直居中

  • 案例-鼠标滚轮改变div高度

    Document div{ width:100px; height:100px; ...

  • 界面css 调整

    子div使用了float浮动之后,如何撑开父元素,让父元素div自动适应高度 下拉菜单被遮挡 下拉菜单被遮挡

  • JS实例

    吸顶条 原理:滚动高度 >= div距离上面的绝对距离 时将div固定定位 TOP = 滚动高度。 代码 关于添加...

  • 實踐中常犯錯誤

    1、DIV未限定高度導致溢出 HTML CSS 2、jQuery ajax中的dataType 不是传过去的数据类...

  • 15.清楚浮动的几种方式

    一、给父级div 设置高度 缺点:简单,代码少,容易掌握,但只适合高度固定的布局 二、结尾处加空div...

  • 纯css实现文本溢出的动态截取

    第一次写,感觉以后可能用简书来记录下会好点. 这次是记录一个纯css实现的 固定高度的div中文本溢出的动态出现省...

网友评论

      本文标题:leftMenu中如何固定div高度,溢出自动滚轮

      本文链接:https://www.haomeiwen.com/subject/wepzeqtx.html