暫時禁用鼠標滾輪，直到動畫在

我的工作，有一個醒目網頁，我想它的工作，這樣當你向下滾動頁面飛濺，div.splash，將向上滾動的方式進行，該網站滾動網站我有它的大部分工作，有一個小小的煩惱。根據您滾動鼠標的速度，它將向主站點滾動一定距離。暫時禁用鼠標滾輪，直到動畫在

我想它，以便儘快工作，因爲它甚至可以檢測點擊向下鼠標滾輪會做下面的所有東西，但在鼠標滾輪的任何額外移動將被禁用，直到slideUp()/animate()功能完成。通過這種方式，當他們滾動時，動畫將會發生，但該人仍然會從頁面頂部開始。

$(window).bind('mousewheel', function(e, delta) { 
if(delta == -1){  
    disable_scroll();  
    $('.alpha.wrapper').show(); 
    $('.titles .beta').hide(); 
    $('.splash').slideUp(800); 
    $('.titles').animate({ 
     top: '495px' 
    },800,enable_scroll()); 
} 
});

來源

2012-05-05 Vian Esterhuizen

（offtopic）我只是討厭彈出頁：這是另一種方式讓用戶望而卻步。 –

@ RokoC.Buljan它其實很像這個網站，基本上就是這個。 http://www.antonmartin.fr/是的，它仍然是一個閃光的頁面，但我正在構建的頁面將有幾種方式到達主站點。向下箭頭/向下翻頁/向下滾動。這更像是一個超大橫幅。我也是一個小型婚禮RSVP網站，所以它不是太大。 –

通過移動disable_scroll();調用文件準備好，你就可以從儘快在頁面加載滾動禁用用戶。

於是，上述更改爲：

$(window).bind('mousewheel', function(e, delta) { 
if(delta == -1){  
    $('.alpha.wrapper').show(); 
    $('.titles .beta').hide(); 
    $('.splash').slideUp(800); 
    $('.titles').animate({ 
     top: '495px' 
    },800,function(){enable_scroll();});

來源

2012-05-05 19:58:30 Chase

我實際上使用了接受的答案中提供的代碼，我的問題只是禁用滾動不立即啓動。他們仍然部分進入網站。 –

您是否嘗試過在頁面加載時調用disable_scroll，而不是在bind內部調用？ – Chase

我試過了，沒有幫助。我沒有刪除enable_scroll（），它似乎在上班的路上我想，但我可以在動畫後不滾動，所以我覺得這個問題是enable_scroll（）僅僅是在踢爲時尚早。我有它的方式，應該enable_scroll（）不運行，直到animate函數完成？ –

暫時禁用鼠標滾輪，直到動畫在

回答

相關問題