首先，感谢您花时间阅读我的问题。我认为对于那些比我更了解jQuery / JavaScript的人来说，这是一个非常简单的问题。
我有一个网页，当div在视口的完整视图中时显示内容。但是，对我来说，这是令人困惑的。因为现在，我认为，它很晚才消失。
我使用了这段代码：
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.hideme').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},1500);
}
});
});
});
可在此处找到工作代码集link
正如您在codepen中看到的那样，当div显示在相对靠近屏幕底部时，div是可见的。这就是我想要的，但现在我的$(window).height();出现在可能位于视口中心的位置。
我尝试通过执行$(window).height()-900;向<div id="container">
<article id="content_part_one">
<div class="hideme">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<h2>Dit is een faketekst</h2>
<p>Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst. Deze wordt later vervangen door de uiteindelijke tekst, die nu nog niet bekend is. De faketekst is dus een tekst die eigenlijk nergens over gaat. Het grappige is, dat mensen deze toch vaak lezen. Zelfs als men weet dat het om een faketekst gaat, lezen ze toch door.</p>
</div>
</div>
</div>
</div>
</article>
</div>
#content_part_one {min-height:500px;padding-top:90px;margin-bottom:30px;}
#container{min-height:2000px;}
.hideme{opacity:0;}
添加一些偏移量，但正如预期的那样，这给了我一个语法错误。
这是HTML和CSS（没什么好看的）：
div所以，真正的问题是，现在我在 class AfterloginController < ApplicationController
def adminview
end
def new
@afterlogin = Afterlogin.new
if @afterlogin.save
flash[:notice] = "description created successfully."
else
flash[:notice] = "description creation failed."
end
end
def regularview
end
end
只是在视野中（在底部）时淡出内容，而不是当它已经在中心视图中时。谢谢你的帮助。
答案 0 :(得分：0)
您的代码中有拼写错误。
$(window.height()应为$(window).height()