资讯专栏INFORMATION COLUMN

overflow-y:auto/hidden/scroll和overflow-x:visible组合

lansheng228 / 2889人阅读

摘要:但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。至于浏览器为什么会这样就只搬运了不详细解释参考资料解决方案原因

最近做项目想做一个这样的效果:就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条
于是用到了overflow-y 和 overflow-x 这个css属性
原来以为css中直接设置就ok

{
overflow-y:scroll;
overflow-x: visible;
}

但是实际情况是并不好用 会出现两边都是scroll的情况上网上查了一下解决方案,很多都说试着将overflow-x和overflow-y放在不同的DOM元素上。但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。最终解决方案如下:
把容器的宽度去掉,让其内容自己撑开容器,这样不会出现滚动条,和横向溢出的最终目的是一样的;然后设置纵向overflow-y:scroll即可。
至于浏览器为什么会这样 就只搬运了 不详细解释


参考资料:
解决方案:https://power.baidu.com/quest...
原因:http://w3help.org/zh-cn/cause...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51664.html

相关文章

  • overflow-y:auto/hidden/scrolloverflow-x:visible组合

    摘要:但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。至于浏览器为什么会这样就只搬运了不详细解释参考资料解决方案原因 最近做项目想做一个这样的效果:就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条于是用到了overflow-y 和 overflow-x 这个css属性原来以为css中直接设置就ok { overflow-y:scroll; overflow-x: ...

    Charlie_Jade 评论0 收藏0
  • overflow-y:auto/hidden/scrolloverflow-x:visible组合

    摘要:但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。至于浏览器为什么会这样就只搬运了不详细解释参考资料解决方案原因 最近做项目想做一个这样的效果:就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条于是用到了overflow-y 和 overflow-x 这个css属性原来以为css中直接设置就ok { overflow-y:scroll; overflow-x: ...

    mochixuan 评论0 收藏0
  • wkhtmltopdf chartjs

    摘要:背景前文提到了项目中引用了,几经尝试一度以为它们互不兼容。终于还是找到了它们配合的点。如果影响页面显示,建议给导出单独做一个页面。表格过宽导致显示被截断,是由于设置了样式,将其调整为默认即可。所以就没有继续解决。 背景 前文 提到了项目中引用了https://www.chartjs.org/,几经尝试一度以为它们互不兼容。百度谷歌了许久,又自己尝试了多次。终于还是找到了它们配合的点。 ...

    opengps 评论0 收藏0
  • wkhtmltopdf chartjs

    摘要:背景前文提到了项目中引用了,几经尝试一度以为它们互不兼容。终于还是找到了它们配合的点。如果影响页面显示,建议给导出单独做一个页面。表格过宽导致显示被截断,是由于设置了样式,将其调整为默认即可。所以就没有继续解决。 背景 前文 提到了项目中引用了https://www.chartjs.org/,几经尝试一度以为它们互不兼容。百度谷歌了许久,又自己尝试了多次。终于还是找到了它们配合的点。 ...

    Simon_Zhou 评论0 收藏0
  • wkhtmltopdf chartjs

    摘要:背景前文提到了项目中引用了,几经尝试一度以为它们互不兼容。终于还是找到了它们配合的点。如果影响页面显示,建议给导出单独做一个页面。表格过宽导致显示被截断,是由于设置了样式,将其调整为默认即可。所以就没有继续解决。 背景 前文 提到了项目中引用了https://www.chartjs.org/,几经尝试一度以为它们互不兼容。百度谷歌了许久,又自己尝试了多次。终于还是找到了它们配合的点。 ...

    miguel.jiang 评论0 收藏0

发表评论

0条评论

lansheng228

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<