Question

我有以下代码：

jQuery(window).scroll(function(){
var h = jQuery('.container.section1').height();
var y = jQuery(window).scrollTop();
var rec_prev = jQuery("#recipe-prev");
var rec_next = jQuery("#recipe-next");
var pos_prev = rec_prev.offset().top + rec_prev.height();
var pos_next = rec_next.position();
var footer_pos = jQuery("#footer").offset().top;
var position = footer_pos - 200;
if( y > (h*.05) && y < (h*.8) ){
 jQuery("#recipe-prev").fadeIn("slow");
 jQuery("#recipe-next").fadeIn("slow");
} else {
foo_prev = footer_pos - pos_prev;

console.log(pos_prev);
if (foo_prev <= 5){
  rec_prev.css('position', 'absolute');
  rec_prev.css('top',position);
  rec_prev.css('height','195px');
  rec_next.css('position', 'absolute');
  rec_next.css('top',position);
  rec_next.css('height','195px');
 }
 else {
   rec_prev.css('position', 'fixed');
   rec_prev.css('top','auto');
   rec_next.css('position', 'fixed');
   rec_next.css('top','auto');
 }
}    
});

我想要＆＃39;配方 - 上一页＆＃39; div遇到页脚时会发粘。问题是div在遇到页脚后开始闪烁，我尝试滚动。你知道我能做什么吗？

Jquery修复div闪烁

0 个答案: