jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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有没有解决方案?

解决方法

@H_616_23@ 你可以用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

大佬总结

以上是大佬教程为你收集整理的jquery – CSS overflow-x隐藏和overflow-y可见全部内容,希望文章能够帮你解决jquery – CSS overflow-x隐藏和overflow-y可见所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。