水平多个div,超出出现横向滚动条;隐藏滚动条,但是依然可以滚动;

您所在的位置:网站首页 安卓横向滚动 水平多个div,超出出现横向滚动条;隐藏滚动条,但是依然可以滚动;

水平多个div,超出出现横向滚动条;隐藏滚动条,但是依然可以滚动;

#水平多个div,超出出现横向滚动条;隐藏滚动条,但是依然可以滚动;| 来源: 网络整理| 查看: 265

1. 【问题】水平多个div块,超出外面div盒子后,水平出现横向滚动条?

按常理水平有多个div块,在超出外面div盒子后,会另起一行显示;但这不是我们想要的。

方法:1. 设置多个div块的外面再套一层div,设置它的宽度等于多个div宽度的和,此时多个div块外面第二层的div设置overflow:auto,这样将出现水平滚动条;

:style=" 'width:' + '76'*normList.length + 'px;' "

延伸:1. class和style的绑定:https://cn.vuejs.org/v2/guide/class-and-style.html

     2. class和style的绑定的Vue源码分析:待定

2. 【问题】隐藏滚动条,但是依然要可以滚动?

方法:a:多个div高度; b:多个div外面第二层的div高度; c: 多个div外面第三层的div高度; d: 滚动条的高度;

    c = a;

    b = a+d;

    其中b的用法:style="height: calc(100% + 8px);overflow: auto;"

延伸:1. CSS的calc的用法:

部分使用代码:

指标{{ index }}

优质内容筛选与推荐>>1、HTML5 ---localStorage2、The power of variable names -- Code complete reading notes(11)3、[导入]雅虎CTO辞职杨致远替任 高层变动正在进行4、在eclipse下配置maven插件5、越狱-监狱地图

赞赏

长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3