Javascript 滑入效应（自底向上）不'；行不通

我正试图在我的网站上为我的一个页面添加一个脚本，这是一种过渡效果，在视图中div从下往上移动。我成功地将完全相同的脚本添加到另一个页面上，它工作了，但由于某些原因，它在另一个页面上不工作。我在页面上更改了整个脚本，因此它或多或少与脚本正常工作的页面相同，但它没有更改任何内容，不幸的是

可以在以下位置找到脚本正在运行的页面（删除了所有不相关的脚本）：

以下是脚本（应该是正确的）：

（函数（$）{
$.fn.visible=函数（部分）{
var$t=$（此），
$w=$（窗口），
viewTop=$w.scrollTop（），
viewBottom=viewTop+$w.height（），
_top=$t.offset（）.top，
_底部=_顶部+$t.高度（），
compareTop=partial==true？\u底部：\u顶部，
compareBottom=部分===真？\u顶部：\u底部；
返回（（compareBottom=viewTop））；
};
})（jQuery）；
var win=$（窗口）；
var allMods=$（“#幻灯片-1，#幻灯片-2”）；
所有模块各（功能（i、el）{
变量el=$（el）；
如果（el.可见（真实））{
el.addClass（“已可见”）；
} 
});
win.scroll（功能（事件）{
所有模块各（功能（i、el）{
变量el=$（el）；
如果（el.可见（真实））{
el.addClass（“进来”）；
} 
});
});

如果代码笔上的演示是您所期望的，那么您可能需要检查css或查看是否遗漏了其他内容。我没有看到任何类被定义为“已经可见”和“进来”，我也没有看到任何与动画相关的CSS或JS。JS所做的只是根据可见性为这些元素指定一个类名，而没有定义其行为。

引用：-多么尴尬。。。我错过了一些CSS代码行。我肯定还有其他的事情。。。

(function($) {

     $.fn.visible = function(partial) {

     var $t            = $(this),
     $w            = $(window),
     viewTop       = $w.scrollTop(),
     viewBottom    = viewTop + $w.height(),
     _top          = $t.offset().top,
     _bottom       = _top + $t.height(),
     compareTop    = partial === true ? _bottom : _top,
     compareBottom = partial === true ? _top : _bottom;

 return ((compareBottom <= viewBottom) && (compareTop >= viewTop));

 };

 })(jQuery);

 var win = $(window);

 var allMods = $("#slide-1, #slide-2");

 allMods.each(function(i, el) {
     var el = $(el);
         if (el.visible(true)) {
         el.addClass("already-visible"); 
         } 
 });

 win.scroll(function(event) {

   allMods.each(function(i, el) {
     var el = $(el);
     if (el.visible(true)) {
       el.addClass("come-in"); 
     } 
   });

 });