2010-07-15 67 views
3

我希望能夠找出頁面元素何時打開或關閉查看器屏幕。具體來說,如果用戶滾動瀏覽畫布並再次在用戶瀏覽器中再次顯示時,我希望能夠「關閉」HTML 5畫布(Processing.js)腳本。jQuery:通知可見的html元素

這是否有意義?我在想,必須有一些方法讓DOM通過ajax發出通知來打開和關閉canvas腳本。

謝謝。

/////////// EDIT(最終代碼) ////////// 這裏是我使用的最終代碼:

$(window).bind('scroll', function(){ 
    var $canvas = $('#canvas'); 
    var pos  = $canvas.offset(); 
    var total = pos.top + $($canvas).height(); 
    var wndtop = $(this).scrollTop(); 

    if(wndtop <= pos || wndtop >= total){ 

    } 

}); 
+0

嘗試http://www.appelsiini.net/projects/viewport,它可以讓你選擇元素,取決於他們目前是否可見,你可以檢查每個滾動事件? – Adam 2010-07-15 20:10:04

回答

3

你可以附加一個事件處理程序到window scrolling。像

$(window).bind('scroll', function(){ 
    var $canvas = $('#hlogo'); 
    var pos  = $canvas.offset(); 
    var wndtop = $(this).scrollTop(); 
    var wndleft = $(this).scrollLeft(); 

    if(wndtop <= pos.top && wndleft <= pos.left) 
     $canvas.hide(); 
}); 
0

你可以通過使用DOM屬性element.yelement.style,heightwindow.scrollY