檢測滾動到底 - 禁用向上/向下滾動按鈕，返回

我有這樣的內容的div在它很多的東西 - 標題，段落，表格，圖像等 - 這是一個通過了和滾動按下按鈕。檢測滾動到底 - 禁用向上/向下滾動按鈕，返回

這些按鈕有一個mousenter，mouseleave，mousedown和mouseup事件。我希望禁用mousevents - 返回 - 當它們達到各自的上/下限時。所以我做這個（下鍵）：

$('.compositos_infoBtnDown').on('mouseenter', function(){ 
    if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').height() == $('.compositos_infoContent').height()){ 
     return; 
    } 
    // Mousenter animation 
    }); 

    $('.compositos_infoBtnDown').on('mouseleave', function(){ 
    // Mousleave animation 
    }); 

    $('.compositos_infoBtnDown').on('mousedown', function(){ 
    if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').height() == $('.compositos_infoContent').height()){ 
     return; 
    } 
    // Mousdown animation 
    // Scroll code (working fine) 
    }); 

    $('.compositos_infoBtnDown').on('mouseup', function(){ 
    if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').height() == $('.compositos_infoContent').height()){ 
     return; 
    } 
    // Mousdown animation 
    // Scroll code (working fine) 
    });

的HTML結構：

<div class="compositos_infoContainer"> 
    <div class="compositos_infoContent"> 
    <h3>...</h3> 
    <p>...</p> 
    <div>...</div> 
    <table>...</table> 
    </div> 
</div>

（該scrollTop的正在對滾動碼當然（工作正常），使用）我向上按鈕偉大的工作：

if ($('.compositos_infoContent').scrollTop() === 0){ 
     return; 
    }

...問題是與向下按鈕。

if語句不工作，當然。我怎樣才能解決這個問題？

Thanx提前。

佩德羅

來源

2013-05-21 Pedro

剛剛找到如何做到這一點：

if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').innerHeight() >= $('.compositos_infoContent')[0].scrollHeight){ 
     return; 
    }

希望它可以幫助任何人。

佩德羅

來源

2013-05-21 14:58:40 Pedro

檢測滾動到底 - 禁用向上/向下滾動按鈕，返回

回答

相關問題