2012-10-19 40 views
0

這個問題是非常相似的堆棧溢出上發佈的許多其他問題,我已經找到了一些解決方案,我根據我的代碼,但沒有幫助與我正在尋找,Overstack,yelotofu以及一些類似的帖子......(這與我前幾天發佈的另一個問題有關,但我很肯定它現在沒有活動了,因爲我得到了我的答案)。jquery ajax聊天滾動條鉻

所以我基本上是創建一個Ajax聊天應用程序,我想一個div的滾動條來檢查它是否在按鈕,如果它是顯示信息,然後滾動。我已經找到了3點主要的方式來做到這一點(去除其中的一個,因爲它的基本功能是一樣的人)

之一:

if($("#chatscreen")[0].scrollHeight - $("#chatscreen").scrollTop() == $("#chatscreen").outerHeight()) 
    { 
    alert("work"); 
    } 

$("#chatscreen").scroll(function(){ 
    if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) 
    { 
    alert("work"); 
    } 
});​ 

我已經測試在Firefox,Internet Explorer和Chrome上的第一個代碼,它在Firefox和Internet Explorer上效果很好,但在Chrome上卻不行。

它們之間的唯一真正區別是$("#chatscreen").scroll(function(){,它基本上在滾動條被使用的時候繼續執行腳本,並且由於某種原因,這個工作可以同時調試所有3個瀏覽器,我試圖讓它們不可用。

所以,我一直在試圖尋找能夠在兩個火狐,Chrome和Internet Explorer的工作一個很好的選擇。

感謝您的幫助/建議您可以提供。

回答

0

我想通了,爲什麼它不工作,對鉻

$("#chatscreen")[0].scrollHeight - $("#chatscreen").scrollTop() == $("#chatscreen").outerHeight()

是假的,不過不知道爲什麼它的工作原理,當我們添加了.scroll()但也需要上面的方程中加入改變一個-1的最終結果,使其工作。

寫這裏,因爲它可能有助於某人某天...