Javascript 滚动后如何保持屏幕底部的div

我有一个联系人按钮，位于屏幕可见部分的两个内容项之间。一旦用户向下滚动，我希望按钮固定在屏幕底部，以便它始终在视线范围内

var pos=$（'#test'）.scrollTop（）；
如果（位置>200）$（“#测试”）.addclass（'fixed'）
控制台日志（pos）

。已修复{
底部：0px；
位置：固定；
宽度：100%；
高度：50px；
背景色：红色；
}
#试验{
背景色：红色；
}
#内容{
高度：100px；
背景：绿色；
}
#内容2{
高度：1000px；
背景：蓝色；
}

按钮

您可以使用

.offsetTop

完成此操作。所以添加这个，它将使用您的类

fixed

来完成您需要的操作

var fixButton = document.getElementById("test");
var sticky = fixButton.offsetTop;

window.onscroll = function() {
  if (window.pageYOffset > sticky) {
    fixButton.classList.add("fixed");
  } else {
    fixButton.classList.remove("fixed");
  }
}

---

您可以使用

.offsetTop

完成此操作。所以添加这个，它将使用您的类

fixed

来完成您需要的操作

var fixButton = document.getElementById("test");
var sticky = fixButton.offsetTop;

window.onscroll = function() {
  if (window.pageYOffset > sticky) {
    fixButton.classList.add("fixed");
  } else {
    fixButton.classList.remove("fixed");
  }
}

---

兄弟，你想要这个吗！检查一下，我已经修好了

$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=190）{
$（“#测试”）.addClass（“固定btn”）；
}
如果（滚动Bro）你想要这个吗..！检查一下，我已经修好了


$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=190）{
$（“#测试”）.addClass（“固定btn”）；
}
如果（滚动您可以通过窗口元素上的jQuery scroll功能在用户滚动上收听。将对象的偏移量和高度保存在文档上。准备就绪，并且当添加的两个值都时，您可以通过窗口元素上的jQuery scroll功能在用户滚动上收听。将对象的偏移量和高度保存在文档上。准备好了，当两个添加的值都差不多时！200只是一个例子，我希望按钮一消失，页脚就在底部消失。因此需要知道它何时从视图中消失。兄弟，让我让它更平滑这个解决方案意味着为什么代码不工作，您需要页面的滚动位置，因为#test元素它本身不生成滚动区域。几乎！200只是一个例子，我希望在按钮看不见的时候页脚在底部变尖。因此需要知道它何时从视图中消失。兄弟，让我让它更平滑。这个解决方案意味着为什么你的代码不工作，你想要页面的滚动位置，因为#测试元素本身不生成滚动区域。