                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /快速入门Web阅读器开发

页面出现滚动条问题

添加标题菜单栏之前就有滚动条出现, 代码与老师的一致, 使用的chrome, 只是用的书不一样, 请问什么原因导致的呢, 怎么去掉滚动条?

me15ooo

2019-04-10

源自：快速入门Web阅读器开发 3-5

关注问题我要回答

2480

操作

收起

4 回答

幕布斯617278
2019-09-14

出现滚动条的原因很简单, 开始过渡动画的瞬间, title和menu都是从页面外界(上外界Y-100%,下外界Y100%)向中间靠, 页面容器就被撑高了,导致实际内容超过一个页面的100%height了, 自然出现了滚动条.

避免出现滚动条的修改方式有很多种,

比如: 可以在reset.css, 里的html,body里加一个: overflow: hidden;

2 回复有任何疑惑可以回复我~

收起回答

慕村0585682

点赞讲的很清楚

2019-09-16 回复有任何疑惑可以回复我~

weixin_精慕门9520530

按你说的应该是出现上下滚动条，实际操作过程中出现的是左右滚动条。

2020-10-16 回复有任何疑惑可以回复我~

weixin_精慕门9520530

你说的还有一个漏洞，就是上下菜单都是绝对定位，绝对定位的元素是脱离文档流的，不会导致超出问题。

2020-10-16 回复有任何疑惑可以回复我~

慕用7317148
2019-07-31

视频里也出现滚动条了，如果不加 slide-up 的 transition 就不会出现滚动条，所以问题是 slide-up 这个滚动条应该怎么改？

0 回复有任何疑惑可以回复我~

收起回答

末之
2019-06-21

可以在reset.scss中去掉html的滚动条

代码如下：

html::-webkit-scrollbar{

width: 0;

}

1 回复有任何疑惑可以回复我~

收起回答

慕虎9138137
2019-04-11

电子书生成rendtion的时候有没有先设定好屏幕的宽高比例

0 回复有任何疑惑可以回复我~

收起回答

me15ooo 提问者

app中默认样式没有去掉, 去掉后, 在不打开控制台的条件下,没有滚动条, 但是当点击内容区出现标题栏和菜单栏时, 会闪现一下滚动条, 好奇怪

2019-04-11 回复有任何疑惑可以回复我~

0/150

提交

取消

快速入门Web阅读器开发

参与学习 26396 人
解答问题 214 个

带你了解电子书阅读器的工作原理，通过Vue.js快速实现Web阅读器

进入课程

本课相似问答

1 回答点击出现标题栏和菜单栏后页面出现滚动条

1 回答页面布局问题

1 回答进度条问题

1 回答进度条选中后出现蓝色边框

8 回答完美解决，点击下一页上一页，进度条跟着变化的问题！

搜索更多本课相关问答

页面出现滚动条问题

我要回答关注问题

热搜

最近搜索清空

页面出现滚动条问题

4 回答

本课相似问答

页面出现滚动条问题