Acabo de instalar una fucion de scroll pero al parecer ya tengo una instalada y me preguntaba si se podria poner las dos a la vez, no lo puedo hacer en la misma porque van en partes diferentes del sitio. El problema es que cuando pongo la nueva, la que ya estaba deja de funcionar. Os dejo los codigos para que os quede mas claro.
Código Javascript:
Ver original
$(function() { $(window).scroll(function() { var position = $('.wysibb').offset(), y = position.top, h = $('.wysibb').height(), yh = y + h, w = $('.wysibb').width() - 47; var th = $('.wysibb-toolbar').height(), pad = $('.wysibb-toolbar').height(); if(window.pageYOffset > y && window.pageYOffset < yh) { $('.wysibb-toolbar').css({'position':'fixed', 'top':'0', 'width':w, 'height':th}); $('#wysibb, .wysibb-body').addClass('padtop'); }else { $('.wysibb-toolbar').removeAttr('style'); $('#wysibb, .wysibb-body').removeClass('padtop'); } }); });
y en entre etiqueta head asi.
Código Javascript:
Ver original
<script> {literal} $(document).ready(function() { var comments = { buttons: "smilebox,|,bold,italic,underline,strike,sup,sub,|,img,video,link,|,fontcolor,fontsize,fontfamily,|,bullist,numlist,spoiler,table,|,left,center,right,|,quote,code,goear,swf,|,removeFormat", resize_maxheight: 400, } var messages = { buttons: "smilebox,|,bold,italic,underline,strike,sup,sub,|,img,video,link,|,removeFormat", resize_maxheight: 400, } $("#wysibb").wysibb(); $("#respuesta").wysibb(messages); $("#body_comm").wysibb(comments); }); {/literal} </script>
y la que estoy añadiendo es esta.
Código Javascript:
Ver original
(function($){ $.fn.scrollFixed = function(params){ params = $.extend( {appearAfterDiv: 0, hideBeforeDiv: 0}, params); var element = $(this); if(params.appearAfterDiv) var distanceTop = element.offset().top + $(params.appearAfterDiv).outerHeight(true) + element.outerHeight(true); else var distanceTop = element.offset().top; if(params.hideBeforeDiv) var bottom = $(params.hideBeforeDiv).offset().top - element.outerHeight(true) - 10; else var bottom = 200000; $(window).scroll(function(){ if( $(window).scrollTop() > distanceTop && $(window).scrollTop() < bottom ) element.css({'position':'fixed', 'top':'5px'}); else element.css({'position':'static'}); }); }; })(jQuery);
y entre las etiquetas head pongo asi.
Código Javascript:
Ver original
<script> {literal} $(document).ready(function() { $("#relmover").scrollFixed(); }); {/literal} </script>
Al poner este ultimo codigo en el head deja de funcionar el primer scroll. Voy a seguir intentando con el noconflict haber si lo logro, pero ni siquiera se si se puede hacer.