隐藏滚动条的方法 但还可以实现滚动
前段时间在写页面的时候,遇到了个问题,两个div 里面的div 比外面的高,要求在看不到滚动条的情况下 还能滑动看到被挡住的部分,就开始想用什么办法,最后在网上搜到一个方法真是好极了,既实现了隐藏滚动条 又能滑动
方法: 写两个div,高度都固定,外面的div overflow: hidden;里面的div宽度比外面的稍宽,最好算好滚动条的宽度即可。
多谢大神想出这么简便的方法 写出来后 哈哈哈 心情瞬间美丽好多
忘了说了,我的是需要点击按钮之后才能实现的滚动,要是想要鼠标滑动滚轮的滚动,我试了好像有点不行的
今天又一次写到了这个但是用的是scrollLeft()函数,可能是之前怎么用的忘记了,这次写的却老是实现不了,后来使用overflow:auto;看了下布局情况才恍然大悟,原来是在每个小元素撑满box的宽度后会择行,他不是单行排列的,于是找到问题立马找解决方法,添加white-space:nowrap;瞬间解决问题
最后在提醒一句就是 如果使用的 ul li 标签,li不要使用float:left; 用display:inline-block; 是最好的方法。

好了,这篇文章就到这里了。
浙公网安备 33010602011771号