当前位置: 首页 > 知识库问答 >
问题:

隐藏DIV的滚动条

卫泉
2023-03-14

目前,我正在使用以下代码显示滚动条:

div.productsTree{
  height:300px;
  overflow:scroll;
}

使用此CSS时,滚动条始终可见,这意味着即使div中的内容没有溢出。

当内容符合提到的高度时,我如何隐藏它们?

共有2个答案

弓俊晖
2023-03-14
//Both x,y axis scroll
div.productsTree{
  height:300px;
  overflow:auto;
}

//only x axis scroll
div.productsTree{
  height:300px;
  overflow:auto;
  overflow-y: hidden;
}

//only y axis scroll
div.productsTree{
  height:300px;
  overflow:auto;
  overflow-x: hidden;
}
慕嘉运
2023-03-14

溢出:自动;。就这样。

 类似资料:
  • 我有一个幻灯片,有一个高度设置为自动,所以任何高度图像都可以显示。在幻灯片中,我有两个箭头,它们被包装在一个具有.center类的div中。箭头是在一个固定的位置,所以当滚动箭头会跟随。当您在div.center上滚动时,分配给div=“center”的函数将显示。 我遇到的问题是,当我滚动过幻灯片放映时,箭头仍然存在。但当我滚动通过我的幻灯片放映div时,箭头是隐藏的。 我如何设置我的脚本,当我

  • 我已经做了一个div,它包装溢出的内容可滚动,但我希望它的滚动是隐藏的,但div仍然是可滚动的。

  • 这是我使用的一个引用,它解释了如何使一个div在其滚动条隐藏的情况下可滚动。唯一的区别是我有嵌套的div。检查我的小提琴 HTML: CSS: 像上面,我有一个溢出的水平div和我想隐藏它的滚动条。我必须使其仍然可滚动,因为否则将无法工作。 更新: 我已经读了所有的答案,但我仍然没有解决我的问题,也不知道是什么原因造成的。这是有麻烦的生活。基本上,我试图遵循这几乎完全相同的,但一定有一些原因,我的

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

  • 我遇到了麻烦,试图隐藏滚动条对某些div。我在论坛上找到了一些解决方案,但它们从来不符合我的情况,所以我仍然在努力解决这个问题。我的问题:我试图隐藏滚动条在一个div嵌套在另一个div的非固定大小。(它们设置为身体的100%)。 以下是HTML: 和CSS: 此处提供代码本 我希望#event-list和#event-details没有滚动条,但仍然是可滚动的。如果你有什么想法(CSS?JS?jQ

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