當向下滾動瀏覽html網站時退出彈出窗口顯示

Question

我希望當訪問者向下滾動時顯示彈出窗口。

Answer 1

步驟＃1：上滾動事件檢測在網頁上（http://api.jquery.com/scroll/）

$(window).scroll(function() { 
    // Do something when user scroll 
}); 

步驟＃2：檢測何時滾動方向是向下（How can I determine the direction of a jQuery scroll event?）

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     // scroll from top to down 
    } else { 
     // scroll from down to top 
    } 
    lastScrollTop = st; 
}); 

步驟＃3：顯示模式，警報或任何當用戶向下滾動

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     // scroll from top to down -> show modal, alert, popup, etc. 
     $('#mymodal').show(); 
    } 
    lastScrollTop = st; 
}); 

只看爲了您的需求從元素到具體，我找到了一個解決方案來滿足您的需求。下次試試吧，記住：所以你不需要準備好做家庭作業，所以你應該在提問之前發佈幾行源代碼。

快樂編碼！