最佳答案
得到一个粘贴的头部“推出”，就像 Instagram 的 iPhone 应用程序使用 CSS 和 jQuery 一样
Instagram 应用程序有一个很好的粘贴头部，可以将当前的头部推到新的头部的位置。我找到了一个关于如何在 Android 上实现本地化的很棒的教程，但是我想用 JavaScript 和 CSS 来实现。
我能够让我的头部切换到一个新的，但我似乎无法找到一种方法来模仿 Instagram 的做法。非常感谢您的帮助。
* < em > 编辑:我能够让标题粘在页面的顶部，当滚动使用路径点时，就像 Cj 在评论中指出的那样。(连接到航路点). 我遇到的主要问题是 Instagram 在 iPhone 手机应用程序中使用的“上推”效果。我会链接到一个例子，但我从来没有看到它使用之前。 *
* * 编辑2:通过使用@Chris 提供的部分代码，我能够使标题粘贴起来。然后我加了一个。滑动效应。我现在的问题是。仅当到达下一个头时才会发生 SlideUp 效果。现在该效果在卷轴上激活。
密码如下:
(function() {
function stickyTitles(stickies) {
this.load = function() {
stickies.each(function(){
var thisSticky = jQuery(this);
jQuery.data(thisSticky[0], 'pos', thisSticky.offset().top);
});
}
this.scroll = function() {
stickies.each(function(){
var thisSticky = jQuery(this),
pos = jQuery.data(thisSticky[0], 'pos');
if (pos <= jQuery(window).scrollTop()) {
thisSticky.addClass("fixed");
// added this
$(".followMeBar:parent").slideUp();
} else {
thisSticky.removeClass("fixed");
}
});
}
}
jQuery(document).ready(function(){
var newStickies = new stickyTitles(jQuery(".followMeBar"));
newStickies.load();
jQuery(window).on("scroll", function() {
newStickies.scroll();
});
});
})();
