Javascript 停留在视口底部的按钮

我试图在视口底部保留两个按钮，它在JSFIDLE中工作。然而，一旦我把它放到一个网页上，我就会在js的第7行和第9行中发现错误

function checkOffset() {
if($('#button-float').offset().top + $('#button-float').height() 
                                       >= $('#Footer').offset().top - 50)
    $('#button-float').css('position', 'absolute');
if($(document).scrollTop() + window.innerHeight < $('#Footer').offset().top)
    $('#button-float').css('position', 'fixed'); // restore when you scroll up
$('#button-float')($(document).scrollTop() + window.innerHeight);
}
$(document).scroll(function() {
checkOffset();
});

函数checkOffset（）{
if（$（'#按钮浮动'）.offset（）.top+$（'#按钮浮动'）.height（）
>=$（'#页脚'）.offset（）.top-50）
$（'按钮浮动'）.css（'位置'，'绝对'）；
if（$（document.scrollTop（）+window.innerHeight<$（'#Footer'）.offset（）.top）
$（“#按钮浮动”）.css（'position'，'fixed'）；//向上滚动时恢复
$（“#按钮浮动”）（$（document.scrollTop（）+window.innerHeight）；
}
$（文档）。滚动（函数（）{
checkOffset（）；
});

如果我把它放在脚本标签中，我会不断出错。它只是在浏览器中中断。欢迎任何帮助

在这里可以看到一个工作版本

---

以下行中的语法错误：

$('#button-float')($(document).scrollTop() + window.innerHeight);

我想应该是：

$('#button-float').css('height', $(document).scrollTop() + window.innerHeight);

---

希望这能有所帮助。

没有必要使用JavaScript，因为CSS起到了作用

我通过以下方式解决了您的问题：

将

按钮浮动

移动到

页脚

：

<div id="Footer">
  <div id="button-float">
      <ul>
          <li><a href="mysearches.html">my searches</a></li>
          <li><a href="#contact">contact</a></li>
      </ul>
    </div>
</div>

在身体底部添加边距：

body {
  margin-bottom: 50px;
}

---

你能告诉我们你有哪些错误吗？另外，您确定在运行此代码时已加载jQuery吗？我收到以下错误：$（…）不是函数checkOffset@buttons.js:7（匿名函数）@buttons.js:10 n.event.dispatch@jquery.js:4435 r.handle@jquery.js:4121我试过了，它把按钮放在顶部，当我开始滚动时，它们就消失了。

body {
  margin-bottom: 50px;
}