从去折叠

低于防止DIV我有一个HTML一样，像这样：从去折叠

<div id="window"> 
    <p>Random length of text</p> 
    <p>Random length of text</p> 
    <p>Random length of text</p> 
    <div id="comment"> input ...</div> 
</div>

文本是随机的。我想要做的是，如果id =“comment”从页面上滚动下来，例如下面的折叠，那么我想添加一个“fixed”类，这样我就可以确保id =“comment始终可见该页面。

我想这样的事情，但它是不工作...想法？

$('#comment').offset().top 
$('window').scrollTop()

Thaks

来源

2011-01-10 AnApprentice

像每一个jQuery的API文档页面http ：//api.jquery.com/animate/只有在您向下滚动到它们后才会加载用户评论。也许你可以在那里找到如何检查这个！ – Simon 2011-01-10 07:37:18

他们还会进行轮询检查滚动状态：http://bytes.com/topic/javascript/answers/150705-window-scroll-detection – Simon 2011-01-10 07:45:19

您的意思是说，您希望注释div独立于用户的滚动而被卡在屏幕的底部？因为这可以只用CSS即

#comment { 
    position: fixed; 
    bottom: 0; 
}

来完成或者，也许你希望它粘到段落的底部，如果他们不充满整个屏幕的全高？在这种情况下，你可以使用jQuery动态设置上述CSS规则取决于注释的位置DIV即

jQuery的

$(document).ready(function() 
{ 
    bottom = $("#comment").position().top + $("#comment").height(); 
    if (bottom > $(window).height()) $("#comment").addClass("fixed-bottom"); 
});

CSS

.fixed-bottom { 
    position: fixed; 
    bottom: 0; 
}

来源

2011-01-14 17:34:05 jackocnr

做注释块的定位绝对http://www.w3schools.com/css/pr_class_position.asp，你可以把它无论你在页面上想要什么，你都可以绑定滚动事件以在人们改变页面时重新定位。

来源

2011-01-10 07:31:39 Cine

回答

相关问题