Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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 scrollToFixed在到达页面顶部时停止_Javascript_Jquery_Html_Css_Css Position - Fatal编程技术网

Javascript jquery scrollToFixed在到达页面顶部时停止

Javascript jquery scrollToFixed在到达页面顶部时停止,javascript,jquery,html,css,css-position,Javascript,Jquery,Html,Css,Css Position,jquery scrollToFixed在到达页面顶部时停止,它只出现在div的顶部,而div应该固定在最顶部 我正在使用jquery scrollToFixed插件 我试图在9gag.com上实现同样的效果,在屏幕上向下滚动多个边栏div 当你滚动页面时,右边的div应该是固定的,直到到达左边div的末尾,但是由于某种原因,右边的div在页面的最顶端是固定的,我一直将topad和navigation div设置为fixed。如果我正确理解你的意思,那么将会发生什么。jQuery插件scrol

jquery scrollToFixed在到达页面顶部时停止,它只出现在div的顶部,而div应该固定在最顶部

我正在使用jquery scrollToFixed插件

我试图在9gag.com上实现同样的效果,在屏幕上向下滚动多个边栏div


当你滚动页面时,右边的div应该是固定的,直到到达左边div的末尾,但是由于某种原因,右边的div在页面的最顶端是固定的,我一直将topad和navigation div设置为fixed。

如果我正确理解你的意思,那么将会发生什么。jQuery插件scrollToFixed不知道您希望将元素定位在另一个元素之下,因此您必须自己完成

最简单的方法是给float-63 imo一个不太好的ID一个边距顶部,该顶部等于它应该放置在下面的元素的高度。70px似乎工作正常

问题是,即使它没有被修复,它也会有70px的余量。当元素被修复时,插件似乎没有向元素添加任何类型的类,但是如果您知道jQuery,那么添加这些类应该非常容易


然后你可以简单地执行float-63。滚动到固定{margin top:70px}

我使用的是wordpress,每篇文章都有唯一的id,因此float-63。我对jquery了解不多,我花了将近5个小时才得到现在的jquery。我应该把这个float-63.scroll-to-fixed{margin top:70px}放在哪里。我将继续搜索,并浏览jQueryAPI。如果我找到了答案,我会把答案贴在这里。我找到了答案,谢谢你给我指出了正确的方向。现在,我只需要找到一种方法来设置固定div的位置相对一旦图片结束,我将最终能够把它放在生产现场
var arr = new Array();
$('div[id^="post"]').each(function()
{
   // do something with it...
    var id = $(this).attr("id").slice(5);
    //alert(id);

    arr.push(id);

   $(this).css('background-color', 'green');
});

     for (i = 0; i < $('div[id^="post"]').length; i++) {
      //alert(arr[i+1]);

            $('#float-'+arr[i]).scrollToFixed({
        limit: $('#post-'+arr[i+1]).offset().top - $('#float-'+arr[i]).height()-220
    });
    }​