修复了jQuery在特定点的Div停止

修复了jQuery在特定点的Div停止,jquery,html,css,Jquery,Html,Css,我希望我的固定div在我的网页上的某个点停止滚动,但是,我发现的任何解决方案实际上都没有正常工作并完成我想要的 这是我当前的jQuery: var windw = this; $.fn.followTo = function ( pos ) { var $this = this, $window = $(windw); $window.scroll(function(e){ if ($window.scrollTop() > pos) {

我希望我的固定div在我的网页上的某个点停止滚动,但是,我发现的任何解决方案实际上都没有正常工作并完成我想要的

这是我当前的jQuery:

var windw = this;
$.fn.followTo = function ( pos ) {
    var $this = this, $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                bottom: -10px
            });
        }
    });
};

$('#qF').followTo(800);
这是我的HTML:

<div id="qF" class="central theater-dir-adown">
    <img src="data/img/prefs/dir_adown" class="dir-adown">
</div>
所以我想要的是div
#qF
以800px停止滚动,但是我正在使用的代码不起作用,div将继续向下滚动页面。我不确定我的代码中是否有某种错误,但有人能帮我解决吗?对jQuery来说还是很新的


谢谢

在将位置设置为“固定”时添加top:“自动”

var windw = this;
$.fn.followTo = function ( pos ) {
    var $this = this, $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                bottom: -10,
                top:'auto'
            });
        }
    });
};

$('#qF').followTo(800);
您可以添加top:pos+$(window).height()以从底部开始滚动


删除
底部开始:-10px
@NirmalyaGhosh不起作用,很抱歉:(仍然不能正常工作,因为它应该从
底部删除
px
:-10px
它抛出错误
未捕获的语法错误:意外标识符
。工作:@MoshFeu没有做任何事情:(@MoshFeu,jsbin没有正常工作你看到jsbin链接了吗?!img固定在底部,直到滚动到800像素的高度,然后滚动到顶部,这不是你想要的?jsbin工作正常,但是,它与我的代码不兼容
var windw = this;
$.fn.followTo = function ( pos ) {
    var $this = this, $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                bottom: -10,
                top:'auto'
            });
        }
    });
};

$('#qF').followTo(800);