jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 表粘性列滚动错误Chrome大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个表,其中有几个固定列,其余的是滚动。这是使用包装器div和固定列的设置位置绝对值和负左边距来完成的。

它是一个复杂的数据表的一部分,所以我很难在jsfiddle中重新创建,但这里有一个链接http://rateshopper.error404.ro/table.html

问题是当你只是玩滚动,然后向左移动光标。固定列有时候就跳出位置。取消选中和重新检查检查器中剩余的边距将修复它。我不知道为什么会这样。

Chrome中有一个视频:http://rateshopper.error404.ro/bug_chrome.mov

任何想法或帮助将不胜感激!

解决方法

编辑:

更好的修复:

.col-lg-10 {
    float: right;
}

在#seriesTableWrapper的父元素上设置一个float可以防止边缘崩溃发生在它的孩子身上。

这是必须阅读的边缘崩溃:
http://www.seifi.org/css/understanding-taming-collapsing-margins-in-css.html

这篇文章有点过时,以防止边缘崩溃的方法,但它解释了为什么以及如何发生。

更现代的方式来防止边缘崩溃:How to disable margin-collapsing?

找到一个修复

更改:

#seriesTableWrapper {
    margin-left: *something*;
}

至:

#seriesTableWrapper {
    padding-left: *something*;
}

可能是利润率下滑的问题,有些情况下利润可能会崩溃。可悲的是,滚动条现在扩展到整个宽度。

由于没有垂直滚动,您可以只做一个没有滚动的表和一个在其旁边的水平滚动的表。如果有垂直滚动,那么可以将这些表包装在一个带有overflow的div中:auto;

大佬总结

以上是大佬教程为你收集整理的jquery – 表粘性列滚动错误Chrome全部内容,希望文章能够帮你解决jquery – 表粘性列滚动错误Chrome所遇到的程序开发问题。

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

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