Устойчива заглавка, която да се показва само при превъртане - jquery, превъртете

Благодаря ви предварително за помощта.

Използвам следния откъс от Дейвид Уолш:jQuery за захранване на постоянна заглавна част # # topbar. Но, аз се опитвам да разбера как да се показва само заглавието, след като потребителят превърта най-малко 100 пиксела.

Опитах се да добавя фрагмент с прозорец слушател, но той по същество разби постоянния фрагмент на заглавието.

$(document).ready(function() {
(function() {
var fadeSpeed = 200, fadeTo = 0.5, topDistance = 30;
var topbarME = function() { $("#topbar").fadeTo(fadeSpeed,1); }, topbarML = function() { $("#topbar").fadeTo(fadeSpeed,fadeTo); };
var inside = false;
$(window).scroll(function() {
position = $(window).scrollTop();
if(position > topDistance && !inside) {
topbarML();
$("#topbar").bind("mouseenter",topbarME);
$("#topbar").bind("mouseleave",topbarML);
inside = true;
}
else if (position < topDistance){
topbarME();
$("#topbar").unbind("mouseenter",topbarME);
$("#topbar").unbind("mouseleave",topbarML);
inside = false;
}
});
})();

});

Намерих решение.

Заменихме този фрагмент с този:

jQuery(document).ready(function($) {
var startY= $("#header").position().top + $("#header").outerHeight();
$(window).scroll(function () {
if($(this).scrollTop() > startY ){
$("#topbar").slideDown();
}else{
$("#topbar").slideUp();
}
});

});

Отговори:

Ето отговора:

jQuery(document).ready(function($) {
var startY= $("#header").position().top + $("#header").outerHeight();
$(window).scroll(function () {
if($(this).scrollTop() > startY ){
$("#topbar").slideDown();
}else{
$("#topbar").slideUp();
}
});