滚动条怎么设置长短

滚动条怎么设置长短,第1张

excel中设置滚动条长短的方法及步骤:

1.  首先,打开一张有问题的表格,看到上面的滚动条明显过小,并且内容已经到尽头了,但是滚动条还没有到尽头,把滚动条移动到尽头的话,确实空白无数据的。

2.  在现有数据的最后一行的下一行,选中整行,注意,是无数据的那行,直接选中。

3.  按住Shift+Ctrl,是同时按下去,长按住,然后点击下箭头,或者用鼠标直接“刷”下来。

4.  在有数字的那一列,点击右键,d出窗口,依次点击清除内容、删除。

5.  这个时候滚动条有一定的几率可以恢复,但是大多数的情况下是还没有恢复的,但是,不急,还有机会,把滚动条拉到顶上。

6.  这个时候很关键,不要做其他的 *** 作,点击“保存”,这个时候大多数情况下都可以恢复滚动条大小了,不管恢复不恢复,然后点击“关闭”,再次打开的时候就会发现恢复了。

资料拓展:

在我们使用WINDOWS的软件的时候,跨页的时候,右侧有一个条,用于翻页。他就是滚动条:用鼠标轮控制,用键盘控制,用鼠标拖动控制等。滚动条由滚动滑块和滚动箭头组成,实现页与页的切换。

滚动条:可以上下、左右调整工作区。只要用鼠标左键按住要移动到的位置,滚动条就会移动到你按住的位置。当然滚动条的宽度也是可以根据自己喜好来设置宽度的,在桌面空白处点右键,依次选择属性、外观、高级、项目里选择滚动条,调节数字,就能达到自己想要的效果。

在开发过程中会经常遇到列表过多,然后需要滚动显示的需求,然而浏览器自带的滚动条样式往往与项目整体界面风格不搭,并且还可能有点丑,就需要去调整他的样式。 目前我使用过两种方法:1、隐藏滚动条,或者控制滚动条宽度。 目前各个浏览器没有统一的样式处理,需要针对浏览器分别设置。 (1)chrome或safari: node::-webkit-scrollbars { width: 0// display:none} (2)firefox node { scrollbar-width:none} (3)IE node { -ms-overflow-style:none}2、修改滚动块,滚动槽的样式。 目前只了解到chrome的样式修改 (1)chrome node::-webkit-scrollbar-track {}  //修改滚动槽的样式 node::-webkit-scrollbar-thumb {} //修改滚动块的样式因为平时工作都是运用的react框架开发,所以经过我的一番呕心沥血的查找,发现了这个贼好用的插件!安装: npm i react-custom-scrollbars导入: import Scrollbars from "react-custom-scrollbars" 可配置项:class CustomScrollbars extends Component {   render() {     return (       <Scrollbars         onScroll={this.handleScroll}  //滚动监听函数        onScrollFrame={this.handleScrollFrame}           onScrollStart={this.handleScrollStart} //滚动开始时执行的函数        onScrollStop={this.handleScrollStop}  //滚动结束时执行的函数        onUpdate={this.handleUpdate}           renderView={this.renderView}         //自定义水平滚动槽样式        renderTrackHorizontal={(props)=><div className="my-style" {...props}></div>}          //自定义垂直滚动槽样式        renderTrackVertical={(props)=><div className="my-style" {...props}></div>}           //自定义水平滚动块样式        renderThumbHorizontal={(props)=><div className="my-style" {...props}></div>}          // 自定义垂直滚动块样式        renderThumbVertical={(props)=><div className="my-style" {...props}></div>}          autoHide  //鼠标移除自动隐藏        autoHideTimeout={1000}  //设置隐藏的延迟执行时间        autoHideDuration={200}  //设置隐藏动画的持续时间        autoHeight  //根据所包含的节点自动调整高度        autoHeightMin={0} //自动调整的最小高度        autoHeightMax={200} //自动调整的最大高度,超过则滚动显示        thumbMinSize={30} //滚动块的最小高度(默认自适应)        universal={true}         {...this.props}>            ...需要滚动显示的dom树         </Scrollbars>     )   } }


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6055091.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-13
下一篇 2023-03-13

发表评论

登录后才能评论

评论列表(0条)

保存