Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.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 经过一定距离后,使用页面制作div滚动_Javascript_Css_Html_Css Float - Fatal编程技术网

Javascript 经过一定距离后,使用页面制作div滚动

Javascript 经过一定距离后,使用页面制作div滚动,javascript,css,html,css-float,Javascript,Css,Html,Css Float,我有一个网页设置了225倍的页眉空间,然后正文开始了。我有一个浮动div,当页面向下滚动时,我希望它跟在正文后面。div在后面,但我不希望它在用户滚动过标题之前启动。下面是一个图片示例: 一旦用户滚动过所有红色(225px),那么蓝色div应该与页面一起滚动 当前的问题是,当用户滚动页眉时,div开始移动,最后在页面顶部下方移动225px 我相信这样的东西是我所需要的,但它似乎没有任何作用(至少在chrome中) 谢谢 您尚未设置任何事件侦听器。包括JQuery,下面是工作代码: $(docu

我有一个网页设置了225倍的页眉空间,然后正文开始了。我有一个浮动div,当页面向下滚动时,我希望它跟在正文后面。div在后面,但我不希望它在用户滚动过标题之前启动。下面是一个图片示例:

一旦用户滚动过所有红色(225px),那么蓝色div应该与页面一起滚动

当前的问题是,当用户滚动页眉时,div开始移动,最后在页面顶部下方移动225px

我相信这样的东西是我所需要的,但它似乎没有任何作用(至少在chrome中)


谢谢

您尚未设置任何事件侦听器。包括JQuery,下面是工作代码:

$(document).on("scroll", function(){ 
// or as a shorthand $(document).scroll(function(){
if($(document).scrollTop() > 255)
    {
        //begin to scroll
        $("#floating_list").css("position","fixed");
        $("#floating_list").css("top",0);
    }
    else
    {
        //lock it back into place
        $("#floating_list").css("position","relative");
    }
});

您尚未设置任何事件侦听器。包括JQuery,下面是工作代码:

$(document).on("scroll", function(){ 
// or as a shorthand $(document).scroll(function(){
if($(document).scrollTop() > 255)
    {
        //begin to scroll
        $("#floating_list").css("position","fixed");
        $("#floating_list").css("top",0);
    }
    else
    {
        //lock it back into place
        $("#floating_list").css("position","relative");
    }
});

你必须输入一些代码。否则,人们将关闭此问题。您的代码看起来应该可以工作。有一个演示它不工作吗?也许是在JSFIDLE上?您试过使用$(文档)而不是$(窗口)吗?这里有一个JSFIDLE:您必须输入一些代码。否则,人们将关闭此问题。您的代码看起来应该可以工作。有一个演示它不工作吗?也许是在JSFIDLE上?你试过用$(document)而不是$(window)吗?这里有一个JSFIDLE:将它改为document修复了它。谢谢将其更改为文档将其修复。谢谢