Javascript 我们如何固定窗口滚动顶部的按钮?
当我们滚动窗口时,我正在尝试修复顶部的按钮,一旦按钮到达顶部,则需要修复,请需要您的帮助,我正在为此使用javascript代码,或者如果您有与javascript或jquery相关的合适代码,请建议我 我正在展示一张快照,让你清楚我想在这张图片中做什么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
这是我的按钮代码
<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');
}
});
});