Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我们如何固定窗口滚动顶部的按钮?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 我们如何固定窗口滚动顶部的按钮?

Javascript 我们如何固定窗口滚动顶部的按钮?,javascript,jquery,html,Javascript,Jquery,Html,当我们滚动窗口时,我正在尝试修复顶部的按钮,一旦按钮到达顶部,则需要修复,请需要您的帮助,我正在为此使用javascript代码,或者如果您有与javascript或jquery相关的合适代码,请建议我 我正在展示一张快照,让你清楚我想在这张图片中做什么 这是我的按钮代码 <a href="" class="btn btn-primary HELPLINE NUMBER " id="NUMBER">HELPLINE NUMBER</a> css代码如下所示: .sti

当我们滚动窗口时,我正在尝试修复顶部的按钮,一旦按钮到达顶部,则需要修复,请需要您的帮助,我正在为此使用javascript代码,或者如果您有与javascript或jquery相关的合适代码,请建议我

我正在展示一张快照,让你清楚我想在这张图片中做什么

这是我的按钮代码

<a href="" class="btn btn-primary HELPLINE NUMBER " id="NUMBER">HELPLINE NUMBER</a>
css代码如下所示:

.stick {
  position:fixed;
  top: 10px;
  width: 100%;
}

另外,如果您有任何概念性的javascript或jquery代码,请不要忘记告诉我我缺少了什么…

以下是一个脚本,可以帮您完成以下任务:

$(document).ready(function() {

  $(window).scroll(function () {      
    if ($(window).scrollTop() > 90) {
      $('#NUMBER').addClass('stick');
    }
    if ($(window).scrollTop() < 91) {
      $('#NUMBER').removeClass('stick');
    }
  });
});
正文{
高度:600px;
}
.棍子{
位置:固定;
排名:0;
}


按我
.stick{position:sticky;top:0;}
除非您需要支持过时的坏浏览器。。。
$(document).ready(function() {

  $(window).scroll(function () {      
    if ($(window).scrollTop() > 90) {
      $('#NUMBER').addClass('stick');
    }
    if ($(window).scrollTop() < 91) {
      $('#NUMBER').removeClass('stick');
    }
  });
});