因此,我有一个菜单,可以在特定时间点与我的网站一起滚动。但是当我的网站宽度为768px时,我也想停止它。
我这样尝试
$(window).scroll(function() {
if ($(window).width() < 760)
{
$('#menu').css({'position' : 'absolute'});
}
});
这样,要么:
$(function() {
if ( $(window).width() < 760) {
$('#menu').css({'position' : 'relative'});
}
});
两次尝试均失败。但是,其中的任何一项改进都能起到作用吗?
也许有帮助。这是使菜单滚动的代码。
$(function() {
$(window).scroll(function()
{
var topo = $('#topo').height(); // altura do topo
var rodape = $('#rodape').height(); // altura do rodape
var scrollTop = $(window).scrollTop(); // qto foi rolado a barra
var tamPagina = $(document).height(); // altura da p?gina
if(scrollTop > topo){
$('#menu').css({'position' : 'fixed', 'top' : '0'});
}else{
$('#menu').css({'position' : 'relative', 'margin-top' : 0});
}
});
});
var something = $('.class').offset();
something = something.top;
$(function() {
if ( $(window).width() < 760 || $(window).scrollTop() >= something) {
$('#menu').css({'position' : 'fixed'});
}
});
以此为例,询问您如何制作粘性导航。http://codepen.io/senff/pen/ayGvD
另外,|| =或in(如果有条件)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句