当位置相对于固定位置变化时,div的宽度发生变化

问题描述:

当位置样式相对于固定时,div“topNav”的宽度变化几个像素。我找到了一个jquery插件(http://imakewebthings.github.com/jquery-waypoints/),它可以执行我正在寻找优雅的相同功能,但我觉得这是一个矫枉过正的目的。当位置相对于固定位置变化时,div的宽度发生变化

编辑:我的问题是如何避免更改div大小。

退房代码为:

http://jsbin.com/azace5/edit

+0

您希望实现的优雅功能是什么? – cmwright 2011-06-15 21:15:14

您需要删除页面上的 “默认边距”。这将做到这一点在 “每一个浏览器”:

html, body { 
    margin: 0; 
    padding: 0 
} 

参见:http://jsbin.com/azace5/2

+0

真棒..谢谢! – brayne 2011-06-15 21:33:36

或者你可以添加一个最小宽度。

min-width:600px; 
+0

未使用最小宽度的%值。 – brayne 2011-06-15 21:48:18

+0

使用%作为宽度并指定固定的最小宽度。 – 2011-06-16 06:51:59