Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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 当滚动元素的底部到达父元素的底部时,停止jQuery固定位置滚动_Javascript_Jquery_Html_Css_Scroll - Fatal编程技术网

Javascript 当滚动元素的底部到达父元素的底部时,停止jQuery固定位置滚动

Javascript 当滚动元素的底部到达父元素的底部时,停止jQuery固定位置滚动,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,我有两列——在大多数情况下都比父元素长——所以在默认情况下,两列首先都应该是可滚动的。当较短的文件到达父文件的顶部时,应停止滚动 如果短列比父列长:当短列('sdidebar')的末尾可见时,它应该停止滚动。 就我所知,我的问题/我的问题与(已回答的)SE问题“”非常接近,因此我选择了类似的名称。唯一的区别/问题是:较短的列总是停在父列的顶部——即使它比父列长——因此列的其余部分将保持不可见。上述“原始”问题的解决方案建议使用以下jQuery代码: $(window).scroll(functi

我有两列——在大多数情况下都比父元素长——所以在默认情况下,两列首先都应该是可滚动的。当较短的文件到达父文件的顶部时,应停止滚动

如果短列比父列长:当短列('sdidebar')的末尾可见时,它应该停止滚动。

就我所知,我的问题/我的问题与(已回答的)SE问题“”非常接近,因此我选择了类似的名称。唯一的区别/问题是:较短的列总是停在父列的顶部——即使它比父列长——因此列的其余部分将保持不可见。上述“原始”问题的解决方案建议使用以下jQuery代码:

$(window).scroll(function(){
    $("#theFixed").css("top",Math.max(0,450-$(this).scrollTop()));
});
正如我前面提到的,我想要的是,如果较短的“侧边栏内容”实际上比父元素长,那么当它的结尾到达父元素的底部时,它就会停止。如果它比父项短,它应该只停留在父项的顶部,而不可滚动。这里有两个这样的列,但滚动总是在顶部停止:

$(窗口)。滚动(函数(){
$(“#theFixed”).css(“top”,Math.max(0250-$(this.scrollTop());
});

某物
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
这就是你需要的吗?

$(窗口)。滚动(函数(){
$(“#theFixed”).css(“top”,Math.min($(this.scrollTop()+150,$(window.height()-20));
});

某物

STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
STUFF
我知道它没有回答你的问题,但是为什么不使用现有的插件呢?或者我可能误解了你的问题。哦!哇!非常感谢。经过一番挖掘,我发现粘性工具似乎只能在固定高度下正常工作——所以我不能真正使用它。太糟糕了——一开始看起来很有希望。嗯,我从来没有因为粘性套件而出现过身高问题,你能详细说明一下这个问题吗?也许还值得问一个新问题。这个看起来也很漂亮!但在这一点上,它不是我要找的…:/谢谢!