jquery – CSS overflow-x隐藏和overflow-y可见

前端之家收集整理的这篇文章主要介绍了jquery – CSS overflow-x隐藏和overflow-y可见前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。



我读过这篇文章css overflow-x visible and overflow-y hidden causes scroll bar.

我也经历了:http://www.brunildo.org/test/Overflowxy2.html

我想要实现以下几点:

当我尝试使用以下代码

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

显示如下结果:

我不想要滚动条出现.

Jquery有没有解决方案?

解决方法

你可以用CSS这样做:

HTML:

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

CSS:

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

现在你的.wrapper div会有溢出:可见;但是你的.inner div不会溢出,因为它的最大宽度是包装器div的100%.请注意,您的包装器必须具有明确定义的宽度.

Here是一个工作的jsFiddle

原文链接:https://www.f2er.com/jquery/180284.html

猜你在找的jQuery相关文章