粘滞菜单中的宽度调整不正确(响应)
粘滞菜单中的宽度调整不正确(响应)
提问于 2015-08-25 16:49:15
所以我创建了这个粘性菜单
Fiddle Demo
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#sticky-anchor').offset().top;
if (window_top > div_top) {
$('#sticky').addClass('stick');
} else {
$('#sticky').removeClass('stick');
}
}
$(function () {
$(window).scroll(sticky_relocate);
sticky_relocate();
});我试图让我的网站响应，但当粘性菜单到达它保持固定的点时，宽度正在变化。只要尝试一下jsfiddle，您就会明白。对我糟糕的英语表示抱歉:)
回答 4
Stack Overflow用户
发布于 2015-08-25 16:54:36
向#sticky.stick添加width:100%
#sticky.stick {
padding-top:5px;
position: fixed;
top: 0;
z-index: 10000;
width:100%;
}像这样
http://jsfiddle.net/0e1mhs4u/
Stack Overflow用户
发布于 2015-08-25 16:55:10
所以，在这里可以看到：Link
#sticky.stick {
padding-top:5px;
position: fixed;
top: 0;
z-index: 10000;
width:100%;
}
#sticky.stick .boxes{
width:100%;
}
#sticky.stick .boxes .box{
width:33.3%;
}Stack Overflow用户
发布于 2015-08-25 17:10:34
只需将max-width=100%更改为width=100%
http://jsfiddle.net/5eb1q09n/1/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32199519
复制相关文章
相似问题
腾讯云开发者
