Css溢出-x隐藏和溢出-y可见

qmb5sa22 于 2022-09-21 发布在 jQuery

关注(0)|答案(2)|浏览(250)

我想做到以下几点：

当我尝试使用以下代码时：

overflow-x: hidden;
overflow-y: visible;

它显示了如下结果：

我不希望滚动条出现。

JQuery有什么解决方案吗？

2条答案

您可以使用如下所示的CSS来执行此操作：

超文本标记语言：

<div class="wrapper">
    <div class="inner">
    </div>
</div>

css：

.wrapper{
    width: 400px;
    height: 300px;
}
.inner{
    max-width: 100%;
    overflow-x: hidden;
}

现在，您的.wrapper div将具有overflow: visible;，但.inner div永远不会溢出，因为它的最大宽度为 Package 器div的100%。请注意， Package 器必须具有显式定义的宽度。

Here是正在工作的jsFdle

css：

.class-div {
   overflow-x: clip;
   overflow-y: visible;
}

Clip的问题是，它限制了所有的滚动，甚至是程序化的滚动。