隐藏页面滚动条但能滚动

最新推荐文章于 2024-11-27 02:45:00 发布

原创最新推荐文章于 2024-11-27 02:45:00 发布 · 529 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

漫漫学习路--Vue

当前文章被收录于：

漫漫学习路--Vue

6 篇文章 0 人学习

主要收录一些在学习或者工作中遇到的关于vue的问题以及解决方式.

订阅专栏查看详情

当前文章被以下社区和专栏收录：

在不显示滚动条的情况下还可以滚动页面

//注vue项目中写在scoped里无效
<style>
 body::-webkit-scrollbar {
    display: none;
 }
</style>

标签

#vue #elementui #vue.js

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我一定会解决的

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue.js-div滚动条隐藏但有滚动效果的实现方法

10-18

下面小编就为大家分享一篇vue.js-div滚动条隐藏但有滚动效果的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue实现横向滚动条显示，竖向滚动条隐藏但能滚动

weixin_43904427的博客

05-12

9113

一开始的需求是横向竖向都隐藏但能滚动，有两种方法：在滚动区域外面加一层div，设置overflow：hidden；或者设置scrollbar的display属性。 // 方法一，设置父级元素overflow：hidden <div class="outer"> <div class="inner"></div> </div> ... <style> .outer { overflow: hidden; } .in

参与评论您还未登录，请先登录后发表或查看评论

CSS - 实现容器溢出后隐藏滚动条并且能正常滚动，盒子高度超出后不显示滚动条但是能正常滚动（附带详细示例，完美解决方案）

🏆 前端领域优质创作者

04-26

5900

css 怎么不显示滚动条还能滚动，CSS 实现隐藏滚动条同时又可以滚动，css如何隐藏垂直滚动条但同时需保持滚动，css-滚动但不显示滚动条的两种写法，CSS 实现隐藏滚动条同时又可以滚动，css滚动条(css不显示滚动条但可以滚动)，css设置去掉滚动条依然可以滚动，CSS 隐藏滚动条 但可以滚动，CSS 实现隐藏滚动条同时又可以滚动的代码，css - 如何隐藏滚动条但又能滚动,不用js实现，css 隐藏滚动条,但仍然能滚动，css设置Overflow实现隐藏滚动条的同时又可以滚动，如何在不显示滚动条的

【Vue3】页面优化：清除全局滚动条但页面仍可滚动

温的打怪之旅

08-07

1839

主要就是用到一个伪类选择器。

vue-elementul右侧滚动条不显示，改变滚动条样式。elementul隐藏组件。不显示滚动条还可以滚动

seeeeeeeeeee的博客

08-02

2637

效果图看到了elementul官网滚动条是这样的，这是一个隐藏的组件，我们也可以用到自己的项目中，改变滚动条样式。上代码用法，el-scrollbar标签包裹住你想要改变滚动条的部分，比如只包裹左侧菜单栏，或者像我一样是直接包裹总的router-view，把所有的滚动条都改了。 html部分 <el-scrollbar style="height:100%"> <div>1</div> <div>2</div> &lt

如何隐藏iframe的滚动条，但依然可以页面滚动

高先生的猫

05-26

5984

今天遇到一个这样的问题：网页中如何隐藏iframe中的垂直滚动条，但依然可以用滚轮实现页面滚动？？？我就想先把iframe定义宽度和高度，在设置overflow:hidden;呗，但是这样多余的部分会被隐藏掉。如果你想在主页面滚动能看到iframe页面隐藏的内容是不可以的。 1、有人说可以视觉隐藏：在iframe外面加个DIV，这个DIV的宽度正好比里面的iframe的宽度要小一个滚动条的宽度，高度一致，并把DIV的CSS样式设置overflow:hidden。 2、可以设置 -webkit-scr

CSS | 隐藏滚动条，但保持页面依旧能够滚动

k4nz

04-28

786

原文地址：CSS | 隐藏滚动条，但保持页面依旧能够滚动（永久地址，保存网址不迷路 ????）问题描述我们希望隐藏滚动条（但是，后来我们又选择显示滚动条，因为隐藏滚动条会降低页面的交互。什么意思呢？假如我们阅读到文章的底部，当我们希望快速回到最开始，对于多数用户来说，鼠标拖动滚动条是唯一的选择（很少会有人使用 SPACE、PageUp、PageDown 等等快捷键）。在某种程度上，虽然隐藏滚动条也许会提高页面的美观度，但是却牺牲交互性。所以最后选择显示滚动条，不过我们依旧会记录隐藏滚动条的方法。

H5 页面隐藏滚动条详解（附源码）

刺心的博客

08-27

2622

今天碰到的问题，请看下面的解决办法问题场景：微信 iOS 客户端 webview 下 H5 页面横向滚动条不隐藏以往的做法：通过 ::webkit-scrollbar { display: none; } 附案例： <!DOCTYPE html> <html> <head> <meta name="viewport" con...

让微信小程序页面隐藏滚动条

Julie_Go的专栏

06-04

4301

需求是隐藏页面的纵向滚动条 小程序提供了视图容器scroll-view ，可滚动视图区域。

Element UI【详解】el-scrollbar 滚动条组件 —— 监听滚动条的滚动，跟随页面一起滚动，获取滚动距离，隐藏水平滚动条等

热门推荐

朝阳39的博客

02-20

5万+

el-scrollbar 滚动条组件用于优化页内滚动条的UI效果，使用时必须指定高度！ /*el-scrollbar 必须指定高度*/ .scrollMenuBox { height: 200px; width: 100px; border: 1px solid red; } 控制el-scrollbar内滚动条的方法与控制页面的滚动条的方法基本一样，只是获取el-scrollbar节点的滚动条时，需使用 this.$refs.scrollMenuRef.wrap &lt.

隐藏IE页面滚动条

12-04

726

隐藏IE6、IE7页面滚动条 html { overflow: hidden; }

【微信小程序隐藏页面滚动条】

jerly1943的博客

10-28

1202

开发小程序时，经常会碰到页面长度超过屏幕高度，然后下拉时会出现滚动条，对于一些有强迫症的人来说是不可忍受的。网上看了好多，写的。都评论有起作用或者不起作用的。我在这分享一个全局隐藏滚动条的方式。

隐藏滚动条 页面仍然可以滚动解决滚动条出现挤压页面宽度，影响布局.

S_peeding的博客

04-01

1542

随手记直接放图看问题: 出现这种情况就将滚动条隐藏就好了改为: 这样子就好了,页面依然可以滚动

隐藏页面滚动条，但还有滚动效果

涛涛小子的博客

07-05

1552

给页面添加样式：::-webkit-scrollbar{ display:none;}

如何使用CSS将页面滚动条隐藏却不影响滚动效果

weixin_43554218的博客

04-19

2974

1.在日常开发中，小伙伴们经常会遇到这种情况，当页面显示的内容超出页面大小的时候回出现滚动条，如下：有时候为了美观或者简化页面效果，我们需要将滚动条隐藏，但又不影响滚动效果该怎么做， .cont::-webkit-scrollbar { display: none; } 代码显示 <head> <meta charset="UTF-8"> <t...

【微信小程序】常见问题-隐藏页面滚动条