Question

我有这个JavaScript用于使用css transform和waypoint

的转换动画

  $('.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页面，它确实有效有线索吗？

由于

Answer 1

现代化者正在引发这个问题。只需将/js/libs/modernizr.min.js移动到js目录，其他所有文件都会解决问题。

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

1 个答案: