2016-02-24 140 views
2

剛開始使用fullPage.js。 我在練習中寫了一些滑塊,發現滑動滾動不能用鼠標滾輪來控制。閱讀幫助文檔(https://github.com/alvarotrigo/fullPage.js),但仍未找到任何參數可以提供幫助。 所以任何人都可以給我一些關於如何解決這個問題的建議?fullpage.js滾動滑塊

代碼:

$(function() { 
    $("#dowebok").fullpage({ 
    verticalCentered: false, 
    anchors: ['page1', 'page2', 'page3', 'page4'], 
    navigation: true, 
    navigationTooltips: ['1', '2', '3', '4'], 
    }); 
}); 

問題解決了,下面的代碼:

$('.slider-section').bind('mousewheel DOMMouseScroll', function (e) { 
    if (e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) { 
     if (!$('.first-slide').hasClass('active')) { 
     $.fn.fullpage.moveSlideLeft(); 
     } else { 
     $.fn.fullpage.moveSectionUp(); 
     } 
    } else { 
     if (!$('.last-slide').hasClass('active')) { 
     $.fn.fullpage.moveSlideRight(); 
     } else { 
     $.fn.fullpage.moveSectionDown(); 
     } 
    } 
    return false; 
    }); 

回答

1
$('.slider-section').bind('mousewheel DOMMouseScroll', function(e){ 
    if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0){ 
     $.fn.fullpage.moveSlideLeft(); 
    }else{ 
     $.fn.fullpage.moveSlideRight(); 
    } 
    return false; 
}); 

它可以在Chrome,才能在其他瀏覽工作,你需要禁用fullpage.js滾動

$.fn.fullpage.setAllowScrolling(false); 

但是你c螞蟻將它設置在afterLeaveonLoad事件中,但它是您如何做到這一點的起點。

+0

很酷,它運作良好。 – Lion

+0

好吧,現在出現了一個新問題,它在滑塊部分阻塞,滾動不會上移/下移到另一個部分 – Lion

+0

我給出了一個起點,您可以確定例如 $('。last-slide')。hasClass ('.active'){。{0} {0} {.fn.fullpage.setAllowScrolling(true); } – Froxz