JS 横向纵向滚动条

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>homework</title><style>/*监控滚动条*/.tv{overflow-x: auto;overflow-y: hidden;color: #000;height: 365px;width: 1250px;font-size: .7rem;font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;}/*滚动条样式*/.tv::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/height: 4px;}.tv::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}.tv::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}.img{width: 618px;height: 363px;float: left;position: relative;display: inline-block;}</style>
</head>
<body><div class="tv" style="margin-top: 10px;">//也需要固定大小<div style="width: 12250px">//要比上一级大<img class="img" src="a.png">//需要固定大小<img class="img" src="a.png"><img class="img" src="a.png"><img class="img" src="a.png"><img class="img" src="a.png"><img class="img" src="a.png"></div></div>
</body>
</html>

JS 横向纵向滚动条相关推荐

【js组件】仿照steam样式制造自定义横向纵向滚动条
chrome支持部分的滚动条修改,但是很多浏览器内核不支持,所以使用js自定义滚动条. 1.横向自定义滚动条这是未添加数据未更新的时候的样子添加数据后使用update方法,滚动条长度自动变下载链 ...
Vue ElementUI el-scrollbar 嵌套 el-tree 出现适宜横向纵向滚动条的方案
Vue页面<template lang="html"></template>里部分相关代码. 示例代码: <div id="listTree ...
Vue ElementUI el-scrollbar 嵌套 el-tree 出现横向纵向滚动条
vue页面 <div style="height: 400px"><el-scrollbar style="height: 100%"> ...
css 横向、纵向滚动条
注意:(滚动条设置的width.height,分别是对应纵向滚动条宽度.横向滚动条高度,无法修改纵向滚动条高度.横向滚动条宽度数值只介绍Google浏览器滚动条样式,常用属性如下) ::-webk ...
element的滚动去掉横向_textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法
在IE下文本框textarea会显示滚动条(如下:) 去掉textarea横向或纵向滚动条办法: 可以通过overflow-x:hidden和overflow-y:hidden控制横向和纵向滚动条要 ...
html表格不能横向自动展示,layui数据表格table横向滚动条不显示纵向滚动条显示不完整...
layui数据表格table横向滚动条不显示纵向滚动条显示不完整 layui数据表格table横向滚动条不显示,纵向滚动条显示不完整需要把heigh高度写死 table.render({ elem: ...
给表格加上横向、纵向滚动条并对滚动条进行美化
本文demo基于vue开发,可以根据自己的框架整理,本demo满足以下几点 1.表格横向纵向都有滚动条: 2.滚动条美化: 3.固定列设置,本demo固定列举例为第一列: <template&g ...
html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案
在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现. ...
el-tree 解决横向滚动条和纵向滚动条问题
如题,在el-tree所处的代码块中,加入滚动条,使其能够滚动使用overflow:scroll 即可 overflow定义:设定如果内容溢出元素设定范围后该怎么做. overflow:visibl ...

JS 横向纵向滚动条

JS 横向纵向滚动条相关推荐

最新文章

热门文章