объединение меню jquery lava lamp и draggables со слайдером контента

Question

Я строю сайт, который сильно зависит от jquery. У меня есть три сценария, которые я пытаюсь использовать на одной странице: меню в стиле lavalamp, область с перетаскиваемыми элементами div и бегунок содержимого , содержащий оба элемента, которые позволяют мне прокручивать области содержимого.

Я не могу заставить слайдер содержимого работать правильно. Ссылки приведут меня к другим областям контента, но эффект «скольжения» не будет работать правильно, если я не избавлюсь от кода лавовой лампы. Есть ли способ, которым я могу настроить javascript, чтобы эти три сценария могли работать вместе?

$(document).ready(function() {

$('a.panel').click(function () {

    $('a.panel').removeClass('selected');
    $(this).addClass('selected');

    current = $(this);

    $('#scroll-wrapper').scrollTo($(this).attr('href'), 800);       

    return false;
});

$(window).resize(function () {
    resizePanel();
});

});

function resizePanel() {
width = $(window).width();
height = $(window).height();

mask_width = width * $('.item').length;

$('#debug').html(width  + ' ' + height + ' ' + mask_width);

$('#scroll-wrapper, .item').css({width: width, height: height});
$('#mask').css({width: mask_width, height: height});
$('#scroll-wrapper').scrollTo($('a.selected').attr('href'), 0);

}


    $(function() {
        $("#3").lavaLamp({
            fx: "backout", 
            speed: 700,
            click: function(event, menuItem) {
                return false;
            }
        });
        $("#dragset div").draggable({ stack: { group: '#dragset div', min: 1 } });
    });

Answer 1

Боже, я изучил код, но не смог найти ничего, что могло бы вызвать проблему между лавовой лампой и ползунком контента.

Мои предложения:

1. Проверьте свой CSS для LavaLamp, возможно, это влияет на размер элементы, и поэтому прокрутка не движется правильно.
2. Попробуйте сначала заставить его работать с вертикальным / горизонтальным перемещением, так как его будет легче отлаживать.
3. Сделайте еще несколько отладок, чтобы убедиться, что несовместимыми являются lavaLamp и Content Slider.
4. Извлеките код resizePanel (пока), убедитесь, что все компоненты работают нормально самостоятельно, они немного смешивают и сопоставляют.