修复了水平位置但允许使用jQuery进行垂直滚动

是否有jQuery插件或其他JS库,用于使某些元素具有固定的水平位置,同时允许可变的垂直位置?

我有一个相当宽的表格forms,表格中的每一行都有一个标签。 当用户水平滚动时,我想将标签固定在左侧,使其始终可见,允许用户快速识别他们正在处理的行。

我搜索得不太成功,尽管我已经找到了一些相反的例子(即固定垂直位置,同时允许水平滚动,如ScrollToFixed )。

对于我的应用程序,我发现我需要做的就是更新与当前滚动位置成比例的left CSS属性。 我使用以下JS做到了这一点:

    

我不是100%肯定你问的问题,所以如果我对此错了,请随时纠正我,我会尽力提供额外帮助。

我想你可能想用一个纯CSS方法来做这个,使用position: fixed; 并在您希望标签从屏幕左侧出现的距离中应用left属性。 如果你没有设置顶部或底部属性,它应该保持在垂直位置,但它的水平位置将始终基于用户的视口(如果你没有使用position: fixed;它非常像position: absolute;但始终绑定到用户的视口)。

现在,有一个小警告: position: fixed; 非常旧版本的Internet Explorer(IE 5-6)不支持,但IE7支持(尽管IE7确实有一些你想要学习的错误)。 有关兼容性的更多信息,请查看QuirksMode上的此页面以及同一站点上的兼容性表: http : //quirksmode.org/css/position.html

希望有所帮助!

你能用2个div来分组2种内容吗? 第一个div有float:left属性并保存左侧元素。 第二个div流向第一个div的右侧,并允许滚动其内容。