Javascript 滚动时如何使按钮向下移动?(CSS)

Javascript 滚动时如何使按钮向下移动?(CSS),javascript,html,css,Javascript,Html,Css,是头球。当我向下滚动时,我想使这两个按钮与工作列表文本一起向下滚动 不应该是这样的。我的意思是这两个按钮需要始终保持在徽标下方。当我向下滚动时,徽标和按钮应该向下移动并消失 } 忘了提到我用js来判断工作列表文本消失的速度 var pContainerHeight = $('header').height(); $(window).scroll(function(){ var wScroll = $(this).scrollTop(); if (wScroll <= pCont

是头球。当我向下滚动时,我想使这两个按钮与工作列表文本一起向下滚动


不应该是这样的。我的意思是这两个按钮需要始终保持在徽标下方。当我向下滚动时,徽标和按钮应该向下移动并消失

}

忘了提到我用js来判断工作列表文本消失的速度

var pContainerHeight = $('header').height();
 $(window).scroll(function(){
 var wScroll = $(this).scrollTop();
 if (wScroll <= pContainerHeight) {

   $('.logo').css({
  'transform' : 'translate(0px, '+ wScroll /4 +'%)'
});
var pContainerHeight=$('header').height();
$(窗口)。滚动(函数(){
var wScroll=$(this.scrollTop();

如果(wScroll您应该使用Javascript关闭这些按钮。只需在页面滚动上添加一个事件侦听器(就像您已经做的那样),并在用户滚动时添加这两个按钮位置的差异

应该有办法:

var original_top = $(".buttons").offset().top
$(window).scroll(function(){
    $(".buttons").offset({top: $(this).scrollTop() + original_top})
})

您应该使用Javascript使这些按钮向下移动。只需在页面滚动上添加一个事件侦听器(就像您已经做的那样),并在用户滚动时添加这两个按钮位置上的差异

应该有办法:

var original_top = $(".buttons").offset().top
$(window).scroll(function(){
    $(".buttons").offset({top: $(this).scrollTop() + original_top})
})

您是否尝试过设置标题位置:相对和。标题btn位置:绝对。相对位置将滚动,绝对值相对于其相对容器,因此它也将滚动。

您是否尝试过设置标题位置:相对和。标题btn位置:绝对值。相对位置将滚动,绝对值位于r与它的相对容器相关,所以它也会滚动。

将位置从绝对更改为相对

将位置从绝对更改为相对

使用位置固定。请参阅@ElDanielo
固定
位置表示它们根本不会滚动。我们需要查看更多代码,最好是在工作片段中。这可能是
位置ion:absolute
这是你的问题,我假设
。header btn
不是相对定位的,因此你的绝对定位不能像预期的那样工作。但是如果没有看到更多的代码,我不能说更多。使用position fixed。See@ElDanielo
fixed
position表示它们根本不会滚动。我们需要看到更多的你r代码,最好是在一个工作片段中。这可能是
位置:绝对
的问题,我假设
。标题btn
不是相对定位的,因此您的绝对定位没有按预期工作。但是我不能说更多,除非看到更多的代码。Opps错过了DBS的评论抱歉。Opps错过了DBS的评论很抱歉。
var original_top = $(".buttons").offset().top
$(window).scroll(function(){
    $(".buttons").offset({top: $(this).scrollTop() + original_top})
})