Jquery 如何为需要位置的固定浮动Div保持父宽度:固定
以下是出现问题的页面: 看看右边的边栏,背景是粉红色的,上面写着POLL。 那个侧边栏现在作为一个固定浮动div向下滚动。没关系 问题是,当滚动触发它进入Jquery 如何为需要位置的固定浮动Div保持父宽度:固定,jquery,css,Jquery,Css,以下是出现问题的页面: 看看右边的边栏,背景是粉红色的,上面写着POLL。 那个侧边栏现在作为一个固定浮动div向下滚动。没关系 问题是,当滚动触发它进入位置:fixed时,它会改变宽度。我把背景颜色改成了黄色,这样你就可以看到它发生了。显然,我想保持宽度 这是一个响应迅速的站点,因此像素宽度不是一个选项。 控制它的CSS是: #comment { position: relative; top: 0; background:pink; } #comment.fixed { position:
位置:fixed
时,它会改变宽度。我把背景颜色改成了黄色,这样你就可以看到它发生了。显然,我想保持宽度
这是一个响应迅速的站点,因此像素宽度不是一个选项。
控制它的CSS是:
#comment {
position: relative;
top: 0;
background:pink;
}
#comment.fixed {
position: fixed;
width:inherit;
top: 0;
background:yellow;
}
将宽度
设为继承或100%
并不能解决我的问题
控制固定div的jquery代码位于源代码的第50行。整个投票区域从源代码中的第339行开始。以防有额外的帮助
我知道position:fixed
将属性转换为继承视口的值,而不是其相对父对象。但我猜有一个解决办法。。。我不介意它是否需要一些额外的javascript或jquery来启动它
谢谢。您可以这样动态设置CSS:
var newWidth = $('#comment').parent().width();
$('#comment').width(newWidth);
然后,当您删除类fixed
时,您只需添加该行:
$('#comment').removeAttr('style');
您可能需要设置一个固定的宽度。酷。这就是保持宽度的诀窍。现在它在黄色框的底部添加了一些奇怪的填充。。。知道是什么引起的吗?修订内容如下:()这是个人调查的页边空白底部。当您处于固定位置时,会考虑余量,而处于静态位置时不会考虑余量。