Buenos días necesito una ayuda urgente
Tengo este código:
Código PHP:
<script type="text/javascript">
jQuery(document).ready(function(){
var menu = jQuery('#submenu');
var contenedor = jQuery('#menu-contenedor');
var menu_offset = menu.offset();
jQuery(window).on('scroll',function(){
if(jQuery(window).scrollTop() > menu_offset.top){
menu.addClass('menu-fijo');
}else{
menu.removeClass('menu-fijo');
}
});
});
</script>
Y la clase del de menú-fijo es
.menu-fijo {
position: fixed;
top:-200px;px;
z-index:100;
width: 900px;
Lo que yo quiero es que este menú que tiene una imagen suba pero sobre pase el top que la imagen quede tapada pero quede un pedazo donde está el menú viéndose
Pero con este código la imagen al tocar el tope pasa a la posición que le indique pero primero salta muy brusco y segundo el contenido que se tendría que ver pasando por debajo de la imagen con el scroll también salta como puedo coregir que la imagen se oculte solo por la mitad ¿
gracias