javascript - vue怎么实现滚动条隐藏但有滚动效果？
vue怎么实现滚动条隐藏但有滚动效果
共有2个答案
1.解决不出现滚动条却有滚动效果,我们得先明白滚动条出现的原因--》也就是宽高溢出了，然后会蹦出来一个滚动条,所以你要么把滚动条给干掉，正如楼上所说，或者你可以自定义出一个滚动效果,比如你在需要滚动的盒子外面套一个盒子给它来一个overflow:hidden,然后给外层盒子添加一个鼠标滚轮事件的监听,阻止该盒子的默认事件，通过自定义scrollTop的位移来实现自定义的滚动效果
其实可以配置 scrollbar 属性，但是会有兼容新问题，除了 chrome 支持外其他的浏览器并不支持。 �� 使用CSS隐藏元素滚动条
所以一般的觉方式是在滚动容器外部再套一个高度比滚动容器高度小大概 20px ~ 30px 的容器，然后做 overflow:hidden 这样滚动条就会被超出隐藏掉。
具体实现可以简介社区中的这篇文章中的思路 �� CSS如何隐藏滚动条,又不失去滚动功能( 两行代码 )
或者我之前在其他问答中使用过的一个Demo �� Codepen demo
-
问题内容： 我希望能够滚动浏览整个页面，但不显示滚动条。 在谷歌浏览器中： 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。 我也在CSS中尝试过： 那确实隐藏了滚动条，但我不能再滚动了。 有什么办法可以删除滚动条，同时仍然可以滚动整个页面？ 请仅使用CSS或HTML。 问题答案： 只是测试工作正常。 JavaScript： 由于滚动条的宽度在不同的浏览器中
-
问题内容： 我想创建一个可以滚动但不显示滚动条的div。我已经找到了Webkit的解决方案（如下），但是如何在其他浏览器中实现呢？ 我宁愿避免使用javascript插件。希望找到CSS或特定于供应商的解决方案。 问题答案： 您必须将可滚动div包裹在另一个div中，以隐藏滚动条。 。 顺便说一句：一个漂亮的jQuery小插件jScrollPane使用了相同的技术
-
我有一个，其元素样式如下： 我需要允许滚动沿Y轴当它变得高于300px，这工作很好。但我需要将设置为滚动条本身。 我尝试使用这个元素样式： 当它隐藏滚动条时，它也不允许滚动。有没有一种方法可以在滚动条不可见的情况下滚动？
-
我希望能够滚动通过整个页面，但没有滚动条显示。 在Google Chrome中是： 但Mozilla Firefox和Internet Explorer似乎不是这样工作的。 我也在CSS中尝试过这个： 这确实隐藏了滚动条，但我不能再滚动了。 有没有一种方法，我可以删除滚动条，同时仍然能够滚动整个页面？ 请使用CSS或HTML。
-
有没有一种方法可以隐藏滚动条，但仍然保留向上/向下滚动的选项？我尝试溢出：隐藏；它删除滚动条，但我不能滚动。
-
我试图创建一个滚动条隐藏的页面，但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条，但我不能在100%上留下一页滚动。HTML CSS