Question

为此寻找了一段时间，还没有真正的运气。并且有点想在没有插件的情况下这样做。

我正在尝试制作它，以便在滚动页面时进入选定的div（页脚）。我设法为窗口顶部的导航菜单找到了一种方法，但是窗口的底部看起来似乎更难..

这是我用于Top

的内容

$(window).bind("load", function() { // document ready
  var stickyTop = $('#Sticky').offset().top; // returns number  
  $(window).scroll( function(){ // scroll event
    var windowTop = $(window).scrollTop(); // returns number
    if (stickyTop < windowTop) {
      $('#Sticky').css({ position: 'fixed', top: 0});
    }
    else {
      $('#Sticky').css('position','static');
    }
  });
});

它很有效。无论如何要修改它并将其用于底部的相同（如果不是类似的）效果？

另外，对不起，如果我没有意义..

Answer 1

试试这个：

$(window).load(function(){
  var stickyBottom = $('#stickyBottom').height();
  $('#stickyBottom').css({'position':'fixed','bottom':stickyBottom});

  $(window).scroll(function()
    $('#stickyBottom').css('bottom','0');
  });
});

jQuery - 当在视野之外时将div粘贴到窗口的底部

1 个答案: