javascript - 当屏幕尺寸改变时调整固定物体的尺寸

Question

我希望使表格单元格“固定”(已完成)，但我还希望表格单元格的大小在用户更改屏幕大小时(cntrl + 等)时进行视觉调整。有人可以就如何解决这个问题提出建议吗？

<td valign="top" style="padding-left:5px; position:fixed; width:38%;">
<table width="98%" cellpadding="0" cellspacing="0" border="0">
<tr><td>
<video ...></video>
</td></tr>
</table>
</td>

提前致谢。

Answer 1

“关于这家公司如何处理右边的信息有什么建议吗？griftnyc.com/#/portfolio”

你的意思是这样的:

http://jsfiddle.net/y3qV5/21/

执行此操作的 jquery 插件将元素设置为固定距页面顶部的任何边距。如果有一个可选的限制，它将取消固定元素并让它们继续向上滚动页面，允许下一个元素滚动到 View 中并固定在页面顶部，直到达到它的限制。

这里是这个场景的代码用法(上面的 fiddle ):

$(document).ready(function() {
    $('#cart1').scrollToFixed( { marginTop: 10, limit: 400 } );
    $('#cart2').scrollToFixed( { marginTop: 10, limit: 800 } );
});

这是插件及其来源的链接:

https://github.com/bigspotteddog/ScrollToFixed