-1

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

`<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>`

菜单在页脚之前停止。我现在遇到的问题是菜单项，取决于浏览器的高度，并不总是在同一个位置。例如，如果分辨率为 1366 x 768，则上面的像素几乎可以，如果分辨率高于或低于我需要更改数字以使菜单保持在应有的位置。

另一个更适合我需要的答案是这个，并基于此我制作了自己的小提琴。这就是我希望我的网站看起来的样子，只是我无法更改代码来为我工作，因为我不了解整个事情以进行必要的更改（有一次，我不明白为什么需要捕手divs 或在 js 中：

 `if(isScrolledTo(sticky)) {
  sticky.css('position','fixed');
  sticky.css('top','2px');`

如果sticky.css 是整个css 文件，这应该将每个项目的位置更改为固定）。

如果有人可以帮助我解决这个问题，我将不胜感激！

4

1 回答 1

0

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

这就是为什么它无法检测到窗口的高度。

于 2013-09-05T09:54:11.560 回答