Javascript Instagram风格的帖子标题贴在页面顶部,然后被下一个标题取代

Javascript Instagram风格的帖子标题贴在页面顶部,然后被下一个标题取代,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,制作一个类似于instragrams布局的web应用程序,帖子项有一个全宽图像,然后在每个页面上方有一个div标题 e、 g 这是一个带有上面标题的帖子的简单列表。在instragram上,一旦标题到达页面顶部(由于用户滚动),标题div就固定了。一旦用户再次滚动并且下一个标题div与当前固定标题的底部相遇一次,则当前标题被向上推,新标题被固定到停止位置 有什么帮助吗?您希望创建一个使用视差滚动的站点。这是一个非常有用的站点。创建一个值为零的变量,并检查(在JQuery中)$('.blogt

制作一个类似于instragrams布局的web应用程序,帖子项有一个全宽图像,然后在每个页面上方有一个div标题

e、 g


这是一个带有上面标题的帖子的简单列表。在instragram上,一旦标题到达页面顶部(由于用户滚动),标题div就固定了。一旦用户再次滚动并且下一个标题div与当前固定标题的底部相遇一次,则当前标题被向上推,新标题被固定到停止位置


有什么帮助吗?

您希望创建一个使用视差滚动的站点。这是一个非常有用的站点。

创建一个值为零的变量,并检查(在JQuery中)
$('.blogtile').eq('variableWithZero')offset().scrollTop()
如果它是零,将其位置更改为fixed,并向零的变量添加一个。在此之前,
remove()


这只会有助于向上滚动,但应该可以让您开始;)

@ManofSnow不错的尝试…:|
<div class="blogpost">
    <div class="blogtitle">
    </div>
    <div class="blogimage">
    </div>
</div>