隐藏滚动条的方法 但还能够实现滚动

前段时间在写页面的时候,遇到了个问题,两个div 里面的div 比外面的高,要求在看不到滚动条的状况下 还能滑动看到被挡住的部分,就开始想用什么办法,最后在网上搜到一个方法真是好极了,既实现了隐藏滚动条 又能滑动

方法: 写两个div,高度都固定,外面的div overflow: hidden;里面的div宽度比外面的稍宽,最好算好滚动条的宽度便可。
多谢大神想出这么简便的方法 写出来后 哈哈哈 心情瞬间美丽好多
忘了说了,个人是须要点击按钮以后才能实现的滚动,要是想要鼠标滑动滚轮的滚动,我试了好像有点不行的

今天又一次写到了这个可是用的是scrollLeft()函数,多是以前怎么用的忘记了,此次写的却总是实现不了,后来使用overflow:auto;看了下布局状况才恍然大悟,原来是在每一个小元素撑满box的宽度后会择行,他不是单行排列的,因而找到问题立马找解决方法,添加white-space:nowrap;瞬间解决问题
最后在提醒一句就是 若是使用的 ul li 标签,li不要使用float:left; 用display:inline-block; 是最好的方法。

 

好了,这篇文章就到这里了。函数

相关文章
相关标签/搜索