從去摺疊

低於防止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

回答

相關問題