当前位置: 首页 > 面试题库 >

CSS隐藏滚动条(如果不需要)

阴元青
2023-03-14
问题内容

我试图弄清楚如何隐藏overflow-y:scroll;不需要的东西。我的意思是说我正在建立一个网站,并且有一个主要区域将显示帖子,并且如果内容未超过当前宽度,我想隐藏滚动条。

另外,我的第二个问题。我要这样做,以便当帖子超过当前宽度时,宽度将自动增加,并且内容不会开箱即用。

有人知道如何执行此操作吗?

帖子区域:

.content {
    height: 600px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 15px;
    text-align: justify;
    line-height: 19px;
    overflow-y:scroll;
}

主网站容器:

.container {
    margin: 0 auto;
    width: 757px;
    margin-top: 30px;
    text-align: center;
}

问题答案:

overflow-y属性设置为auto,或者如果不继承该属性,则将其完全删除。



 类似资料:
  • 我试图弄清楚如果不需要,如何隐藏。我的意思是,我正在建设一个网站,我有一个主要区域,其中的帖子将显示,我想隐藏滚动条,如果内容不超过当前的宽度。 还有,我的第二个问题。我想使它,所以当帖子超过当前的宽度,宽度将自动增加,内容不会走出盒子。 有人知道怎么做吗? 岗位区域: 主网站容器:

  • 目前,我正在使用以下代码显示滚动条: 使用此CSS时,滚动条始终可见,这意味着即使div中的内容没有溢出。 当内容符合提到的高度时,我如何隐藏它们?

  • 有没有一种方法可以隐藏滚动条,但仍然保留向上/向下滚动的选项?我尝试溢出:隐藏;它删除滚动条,但我不能滚动。

  • 问题内容: 我希望能够滚动浏览整个页面,但不显示滚动条。 在谷歌浏览器中: 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。 我也在CSS中尝试过: 那确实隐藏了滚动条,但我不能再滚动了。 有什么办法可以删除滚动条,同时仍然可以滚动整个页面? 请仅使用CSS或HTML。 问题答案: 只是测试工作正常。 JavaScript: 由于滚动条的宽度在不同的浏览器中

  • 我试图创建一个滚动条隐藏的页面,但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条,但我不能在100%上留下一页滚动。HTML CSS

  • 问题内容: 考虑这个图像。如您所见,它具有一个应用程序栏,而该应用程序栏具有“选项卡式”按钮。我正在尝试对应用 栏进行动画处理,以使其在向上滚动时隐藏,并且仅显示“选项卡按钮”,而在向上滚动时不显示应用栏。请 帮帮我。对不起英语不好而不不是美国人我不是英语 问题答案: 如果我对您的理解正确,以下代码应可使应用程序栏在滚动时隐藏,而TabBar仍可见: 示例来自于。这篇文章.