jQuery   发布时间:2022-03-30  发布网站:大佬教程  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

我想要实现以下几点:

当我尝试使用以下代码

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

显示如下结果:

我不想要滚动条出现.

Jquery有没有解决方案?

解决方法

你可以用CSS这样做:

HTML:

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

CSS:

@H_404_18@.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,请注明来意。
标签: