Javascript 如何停止与页脚重叠的固定菜单项

Javascript 如何停止与页脚重叠的固定菜单项,javascript,menu,footer,fixed,overlapping,Javascript,Menu,Footer,Fixed,Overlapping,我正在努力解决一些关于固定菜单项的问题。我应该提到的是,我仍然是javascript的初学者。 根据我在这个网站上找到的一些答案,更具体地说,我在某种程度上解决了这个问题。 以下是我正在使用的代码: `<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script> <script> function checkOffset() {

我正在努力解决一些关于固定菜单项的问题。我应该提到的是,我仍然是javascript的初学者。 根据我在这个网站上找到的一些答案,更具体地说,我在某种程度上解决了这个问题。 以下是我正在使用的代码:

`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">    </script>
<script>
  function checkOffset() {
    var a=$(document).scrollTop()+window.innerHeight;
    var b=$('#footer').offset().top;
    if (a<b) {
      $('#menuC').css('bottom', '0px');
    } else {
      $('#menuC').css('bottom', (0+(a-b))+'px');
    }
  }
  $(document).ready(checkOffset);
  $(document).scroll(checkOffset);
</script>`  
如果sticky.css是整个css文件,则应将每个项目的位置更改为“固定”)

如果有人能帮我解决这个问题,我将不胜感激

我认为您的innerHeight jQuery函数缺少()。例如:
var a=$(document.scrollTop()+window.innerHeight()

这就是它无法检测窗口高度的原因。

如果在innerHeight之后添加(),菜单不会在页脚处停止,但它会固定位置。
 `if(isScrolledTo(sticky)) {
  sticky.css('position','fixed');
  sticky.css('top','2px');`