我希望导航栏在触及深蓝色矩形时固定位置,而不是当它到达浏览器顶部时,您可以在此处查看我所追求的内容:http://cuberapp.com/任何帮助表示感谢,谢谢。
jQuery('.wrap_head').waypoint('sticky', {
stuckClass: 'stuck1',
offset:'bottom-in-view'
});
//jQuery('.navbar').waypoint('sticky', {
// stuckClass: 'stuck1',
//offset: 99
//});
//initialise Stellar.js
jQuery(window).stellar();
//Cache some variables
var i = 1;
var nav_container = jQuery(".nav-wrapper");
var nav = jQuery(".navbar");
var top_spacing = 99;
var waypoint_offset = 50;
var num = jQuery('li.menu-item').find('a').each(function () {
jQuery(this).attr('data-slide', i);
i++;
});
mywindow = jQuery(window);
htmlbody = jQuery('html,body');
//Setup waypoints plugin
nav_container.waypoint(function (direction) {
if (direction === 'down') {
nav_container.css({ 'height':nav.outerHeight() });
nav.stop().addClass('stuck').css("top",- nav.outerHeight())
.animate({"top":top_spacing});
}else {
nav_container.css({ 'height':'auto' });
nav.stop().removeClass("stuck")
.css("top",nav.outerHeight()+waypoint_offset).animate({"top":""});
}
}, {
offset: function() {
return $.waypoints('viewportHeight') / 3 - nav.outerHeight()-
waypoint_offset;
}
});