奇怪的内容在我的网页上移动

时间:2012-12-17 20:31:16

标签: jquery html css3

我开发了这个网站。

http://www.chipotlelabs.com/apps/

它工作正常,但当我使用像:

这样的哈希运行时

http://www.chipotlelabs.com/apps/#Instaplayer

我的内容随机移动..任何想法是怎么回事?

继承了我的代码的一部分,我使用move.js库和jQuery BBQ:Back Button&查询库。

case 'Instaplayer':
$('#cuerpoinsta').waitForImages({
    waitForAll: true,
    finished: function() {
        // All images have loaded.
        $(window).unbind('mousewheel');
        $("#accion").css("display", "none");
        $("#header").animate({
            height: "120px"
        }, 1000);
        $("#fondorepeat").animate({
            height: "120px"
        }, 1000);

        $("#logo").animate({
            "margin-top": "15px",
            'margin-left': '370px',
            width: "216px",
            height: "75px"
        }, 900, function() {


            $("#sombramenu").fadeIn('fast');
            fixedtotal()

            $("#primerasfotos").css('display', 'block');

            if ($(window).height() < 670) {
                if ($(window).scrollTop() == 0) {
                    demas();
                    $("#uno").attr({
                        'src': 'images/1x.jpg',
                        'rel': 'images/1x_thumb.png'
                    })
                    $("#dos").attr({
                        'src': 'images/2x.jpg',
                        'rel': 'images/2x_thumb.png'
                    })
                    $("#tres").attr({
                        'src': 'images/3x.jpg',
                        'rel': 'images/3x_thumb.png'
                    })
                    $("#cuatro").attr({
                        'src': 'images/4x.jpg',
                        'rel': 'images/4x_thumb.png'
                    })
                    $("#cinco").attr({
                        'src': 'images/5x.jpg',
                        'rel': 'images/5x_thumb.png'
                    })
                    $('html,body').stop(true, false).animate({
                        scrollTop: $("#instacont").offset().top - 88
                    }, 1000, function() {
                        move("#sloganinsta").set('opacity', 1).scale(0.7).set('margin-left', '60px').set('margin-top', '100px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#instafoto").set('opacity', 1).scale(0.7).set('margin-left', '0px').set('margin-top', '115px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#appletv").set('opacity', 1).scale(0.7).set('margin-left', '460px').set('margin-top', '380px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#labadgeinsta").set('opacity', 1).scale(0.7).set('margin-left', '480px').set('margin-top', '325px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#fraseinsta").set('opacity', 1).scale(0.7).set('margin-left', '465px').set('margin-top', '240px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#fraseotra").set('opacity', 1).scale(0.7).set('margin-left', '180px').set('margin-top', '290px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end(function() {

                            $("#primerasfotos").css('top', '42%');
                            $(".carro").css({
                                'margin-left': '420px',
                                'margin-top': '320px'
                            });
                            move(".carro").scale(0.7).end();
                            move("#slogan").set('opacity', 1).scale(0.7).set('margin-left', '60px').set('margin-top', '50px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').duration('0.6s').end(function() {

                                move("#pluma").set('opacity', 1).scale(1).set('margin-left', '144px').set('margin-top', '442px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').set("width", "200px").duration('0.6s').end(function() {});
                                move("#iphone").set('opacity', 1).scale(1).set('margin-left', '250px').set('margin-top', '305px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').set('width', '100px').duration('0.6s').end(function() {});

                                move("#moleskine").set('opacity', 1).scale(1).set('margin-left', '305px').set('margin-top', '257px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').set('width', '151px').duration('0.6s').end(function() {});
                                move("#ipad").set('opacity', 1).scale(1).set('margin-left', '399px').set('margin-top', '210px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').set("width", "350px").duration('0.6s').end(function() {})

                                demas();

                                $("#nf").removeClass('activo');
                                $("#calcpad").removeClass('activo');
                                $("#insta").addClass('activo');





                            });


                        })

                    })
                }
                else {
                    return;
                }
            }
            else {
                if ($(window).scrollTop() == 0) {
                    demas();
                    $('html,body').stop(true, false).animate({
                        scrollTop: $("#instacont").offset().top - 150
                    }, 1000, function() {

                        move("#sloganinsta").set('opacity', 1).scale(1).set('margin-left', '25px').set('margin-top', '50px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#instafoto").set('opacity', 1).scale(1).set('margin-left', '0px').set('margin-top', '115px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#appletv").set('opacity', 1).scale(1).set('margin-left', '565px').set('margin-top', '426px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#labadgeinsta").set('opacity', 1).scale(1).set('margin-left', '575px').set('margin-top', '340px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#fraseinsta").set('opacity', 1).scale(1).set('margin-left', '575px').set('margin-top', '240px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end()
                        move("#fraseotra").set('opacity', 1).scale(1).set('margin-left', '15px').set('margin-top', '125px').duration('0.6s').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').end(function() {

                            move("#slogan").set('opacity', 1).scale(1).set('margin-left', '60px').set('margin-top', '46px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').duration('0.6s').end(function() {

                                move("#pluma").set('opacity', 1).scale(1).set('margin-left', '67px').set('margin-top', '499px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').duration('0.6s').end(function() {
                                    move("#iphone").set('opacity', 1).scale(1).set('margin-left', '234px').set('margin-top', '320px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').duration('0.6s').end(function() {

                                        move("#moleskine").set('opacity', 1).scale(1).set('margin-left', '305px').set('margin-top', '267px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').duration('0.6s').end(function() {
                                            move("#ipad").set('opacity', 1).scale(1).set('margin-left', '445px').set('margin-top', '220px').ease('cubic-bezier(0.680, -0.550, 0.265, 1.550)').duration('0.6s').end(function() {


                                                $("#nf").removeClass('activo');
                                                $("#insta").addClass('activo');
                                                $("#calcpad").removeClass('activo');
                                                e.stopPropagation();


                                            });
                                        });
                                    });
                                });
                            });

                        })


                    })
                }
                else {
                    return;
                }
            }
        })
    }
})

break;

0 个答案:

没有答案