javascript - 如果整个元素都在 View 中，则元素位置为 :fixed?

Question

我遇到了这段代码，它会在单击时发出警报，以确定整个元素是否在 View 中。我希望沿着相同的路线创建一个侧边栏，因为当侧边栏处于完整 View 时，我需要它成为位置:固定到页面底部，否则是位置​​:相对。 (减去点击时我只想在滚动时发生)。

Demo

我不太擅长 JS，所以不确定我的想法是否正确？这种东西可以很容易地适应我的需要吗？

$(document).click(function() {
   var win = $(window);
   var el = $('#tester');
   var winPos = win.scrollTop() + win.height();
   var elPos = el.offset().top + el.height();

   alert(winPos > elPos);
});

如有任何帮助，我们将不胜感激。

Answer 1

如果您有显示菜单的函数和隐藏菜单的函数，只需使用 jQuery...

function show(){
  menu.show();
  menu.css("position", "fixed");
}
funtion hide(){
  menu.hide();
  menu.css("position", "relative");
}