Hola gente, tengo un problema en la web, Intento poner dos funciones iguales ¿eso se puede hacer?
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.