Question

如何让两个jQuery(window).scroll(function () 都可以起

//顶部导航悬浮
var rollSet = jQuery('#daohang');
var offset = rollSet.offset();
jQuery(window).scroll(function () {
var scrollTop = jQuery(window).scrollTop();
if(offset.top < scrollTop){
rollSet.addClass('daohang_fixed');
}else{
rollSet.removeClass('daohang_fixed');
}
});

//右侧固定
var rollSet = jQuery('#youce');
var offset = rollSet.offset();
jQuery(window).scroll(function () {
var scrollTop = jQuery(window).scrollTop();
if(offset.top < scrollTop){
rollSet.addClass('youce_fixed');
}else{
rollSet.removeClass('youce_fixed');
}
});

想要的效果是，鼠标向下滚动时，导航栏和右侧一块，都可以悬浮。但现在只有右侧可以，导航栏，不行。如何让这两个JS代码都 可以正常运行呢。在线等，谢大神指点。

Answer 1

var rollSet = jQuery('#youce'),rollSetd = jQuery('#daohang');
var offset = rollSet.offset();
jQuery(window).scroll(function () {
 var scrollTop = jQuery(window).scrollTop();
 if(offset.top < scrollTop){
  rollSet.addClass('youce_fixed');
  rollSetd.addClass('daohang_fixed');
 }else{
  rollSet.removeClass('youce_fixed');
  rollSetd.removeClass('daohang_fixed');
 }
});

试试看把，你的代码就是没有定义导航栏，因为你的变量名被你下面右侧栏给重新定义了，自然只有右侧的效果了，解决方案就是重新定义不同的名就可以了。