当屏幕尺寸改变时调整固定对象的大小

时间:2011-08-04 16:19:38

标签: javascript html css

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

<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>

提前致谢。

2 个答案:

答案 0 :(得分:1)

“关于该公司如何处理右侧信息的任何建议?girlfriendnyc.com /#/ portfolio”

你的意思是这样的:

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

正在执行此操作的jquery插件设置了固定页面顶部边距的元素。使用可选限制,它将解锁元素并让它们继续向上滚动页面,允许下一个元素滚动到视图并修复页面顶部,直到达到其限制。

以下是此场景的代码用法(上面的小提琴):

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

以下是插件及其来源的链接:

https://github.com/bigspotteddog/ScrollToFixed

答案 1 :(得分:0)

这不可能。当用户缩放时,Web浏览器不会发送事件或发布Javascript可访问的消息。