Login
网站首页 > 文章中心 > 其它

html隐藏滚动条后仍能滚动

作者:小编 更新时间:2023-07-05 23:35:35 浏览量:365人看过

body里面加 body{ overflow:scroll; overflow-x:hidden; } 这个是y轴春祥有滚动条,x轴没有。如果是都要滚动条就去掉overflow-x:hidden;,如果是反正哪个团亩轴要滚动条就加上overflow-x/y:scroll;整个页面滚动条就塌森森加在body里面,div里面出现滚动条

溢出隐藏,写两个div,高度都固并桐定,外面的固定宽度overflow:

hidden;里面的div宽度比外面的稍宽,最好算漏蔽漏好滚动条的宽返烂度,overflow-y:

auto即可

html隐藏滚动条后仍能滚动-图1

------------------------------------------------

我是内容

-----------------------------------------------

既然已经用了JS可以考虑另外一个方案

一个div固定高度,超出部分影藏,在嵌套一个DIV,这个div没有答数唯固定高度,然后用JS获取到鼠标在里面这个DIV高度的移动值,吧这个值给里面DIV做一个Y轴的移毕好动,这样就没有滚动条显示,在鼠标移动的清培时候也会上下滚动

以前这个含辩码问题我也想了一阵子,但是又谈哪不想用插件什么的。

给你个思路。一个外部div里设置宽高设置overflow:hidden,然后里面插入一个div 设置

宽度width: 102%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-right:30px;/*这个padding可以自己调整*/

html隐藏滚动条后仍能滚动-图2

然后在再插入的div里插入内容就可以了,这样滚动条就会超出视线范围而灶局被隐藏了。

你可以参考我的网站里blog栏目里那些弹窗滚动vganchou点com

::-webkit-scrollbar{width:0px}目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特坦旅效,让渗凳依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。我对JS不是特别了解(只能看懂和修改JS代喊尺码的程度的能力,但是无论任何JS代码都敢修改的程度),这效果能做出来的,我就不贴具体代码了。不需要嵌套,纯原生。将来浏览器会支持这个效果的。

或者你用滚动条插件(不推荐)

方如禅案1:设置2个DIV层,A1外层,A2内层,A2的宽度设置比A1宽困祥20px左右(大概就是滚动条的宽度),A2设置为可见滚动条,A1设置为隐藏滚动条。

可以滚动,但是看不到滚动条。前提是你必须在页面载入的时候将鼠标焦点对准到A2层上,如果焦点在A2层外,滚轮和下建无效。这个可以用js很容易渣尺尘做到。

方案2:直接把滚动条颜色设置和背景层一样。

以上就是土嘎嘎小编大虾米为大家整理的html隐藏滚动条后仍能滚动相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章