javascript 动画在 html 页面中工作，但相同的脚本在 .net 页面中不起作用答案

【问题标题】：javascript animation work in html page but same script wont work in .net pagejavascript 动画在 html 页面中工作，但相同的脚本在 .net 页面中不起作用
【发布时间】：2014-10-08 19:20:25
【问题描述】：

我有这个 JavaScript 用于使用 css 转换和航点转换动画

  $('.scrollimation').waypoint(function(){
        $(this).addClass('in');
    },{offset:'80%'});


    $('.projects-container.scrollimation').waypoint(function(){
        var i = 1,
        delay = [];
        $(this).find('.project-thumb').each(function(i){
            i++;
            var elem = $(this);
            delay[i] = setTimeout(function(){
                elem.addClass('in');
            },200*i);
        })
    },{offset:'70%'});

    $('.iphones-wrapper.scrollimation').waypoint(function(){
        $(this).find('.iphone-landscape-frame').addClass('in');
    },{offset:'60%'});

这个 CSS 与之关联

.scrollimation.fade-up{
    opacity:0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform:translateY(100px);
    -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-in;
    transition: transform .4s ease-out,opacity .4s ease-in-out;
}

.scrollimation.fade-up.in{
    opacity:1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:translateY(0px);
}

在 HTML 页面上，一旦我将它放入 .net 页面，它就可以工作，但我不会有什么线索吗？

谢谢

【问题讨论】：

请显示整个页面的输出源 HTML，以便我们发现任何问题（不是源页面）。这可能只是页面中脚本的顺序/放置。
我不理解输出，但大多数 html、.net 与 jquery 版本或元标记冲突以强制使用旧版本。
输出代码中的所有内容都在那里，但问题是 div 设置为 opacity=0 以启动动画。这意味着动画卡在初始不透明度 0 中，并且没有过渡到 scrollimation.fade-up.in 类中的不透明度 1。在正常的 html 上工作正常

标签： javascript jquery html css .net

【解决方案1】：

modernizer 导致了这个问题。只需将 /js/libs/modernizr.min.js 移动到 js 目录，所有其他文件都已解决。

【讨论】：