Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.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_Css - Fatal编程技术网

Javascript 粘滞元素捕捉向下滚动和捕捉向上滚动

Javascript 粘滞元素捕捉向下滚动和捕捉向上滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个粘性的侧栏,现在使用js,我让它捕捉并固定在某个点上。但是,当我向上滚动时,我需要它捕捉,而不是超过它的起点。 这是到目前为止我的代码 $(window).scroll(function(e){ $el = $('.why_social'); if ($(this).scrollTop() > 735 && $el.css('position') != 'fixed'){ $('.why_social').css({'position': 'fixe

我有一个粘性的侧栏,现在使用js,我让它捕捉并固定在某个点上。但是,当我向上滚动时,我需要它捕捉,而不是超过它的起点。 这是到目前为止我的代码

$(window).scroll(function(e){ 
  $el = $('.why_social'); 
 if ($(this).scrollTop() > 735 && $el.css('position') != 'fixed'){ 
  $('.why_social').css({'position': 'fixed', 'top': '-62px'}); 
  } 
});

您只需添加一张相反的支票。这应该让你开始

$(window).scroll(function(e){ 
    $el = $('.why_social'); 
    if ($(this).scrollTop() > 735 && $el.css('position') !== 'fixed') { 
        $('.why_social').css({'position': 'fixed', 'top': '-62px'}); 
    }
    if ($(this).scrollTop() <= 735 && $el.css('position') === 'fixed') {  {
        $('.why_social').css({'position': ''}); // remove `position: fixed;`
    }
});
$(窗口)。滚动(函数(e){
$el=$(“.为什么要社交”);
如果($(this.scrollTop()>735&&$el.css('position')!=='fixed'){
$('.why_social').css({'position':'fixed','top':'-62px'});
}

if($(this).scrollTop()下面是一个使用jQuery代码的小提琴:。现在告诉我你想要在输出中做什么更改?我很感激,但它似乎没有按我所希望的方式运行。我认为该区域不够大,无法看到示例。如果我有一个从页面下方500px开始的内容。一旦页面顶部达到它,我希望它粘住并继续拥有页面。但我以490点的速度滚动到500点之后,我希望它保持在500px开始的位置。那么你能做一个小提琴来显示你当前的输出,然后告诉你需要做什么更改吗?谢谢!这似乎现在起作用了,唯一的问题是元素现在在滚动上闪烁。非常感谢你的帮助!@Michael哦,是的,没错。试试r用
if($(this).scrollTop()替换
else
对不起,我是一个js新手。我知道这是错误的。$(window).scroll(函数(e){$el=$('.why_social');if($(this).scrollTop()>735&$el.css('position')!='fixed'){$('.why_social').css('position:'fixed','top':'-62px');}if($(this).scrollTop()@Michael没问题,我会编辑我的答案,让你更清楚地了解我的意思。我无法在注释中对代码进行如此巧妙的格式化。