小编sea*_*.me的帖子

fullPage.js 和 Fancybox 多键盘滚动

我正在尝试保留 fullPage.js 和 fancbox.js 插件的默认键滚动功能。所以,我想为这两个脚本启用左右功能。但是,我希望在打开fancybox 时禁用fullPage.js 上的键滚动功能(例如,当覆盖层打开并且图像被缩放时)。目标是允许用户在打开fancybox 时在图库图像之间左右滚动,但不能在覆盖层下方的“幻灯片”之间切换。

这是我的代码:

$(document).ready(function() {
$(".fancybox").fancybox({
    openEffect  : 'none',
    closeEffect : 'none',
    keys  : true,
});
$.fn.fullpage({
    verticalCentered: true,
    resize : true,
    anchors:['firstSlide', 'secondSlide'],
    scrollingSpeed: 700,
    easing: 'easeInQuart',
    menu: false,
    navigation: false,
    navigationPosition: 'right',
    navigationTooltips: ['firstSlide', 'secondSlide'],
    slidesNavigation: true,
    slidesNavPosition: 'bottom',
    loopBottom: false,
    loopTop: false,
    loopHorizontal: false,
    autoScrolling: false,
    scrollOverflow: false,
    css3: false,
    fixedElements: '#element1, .element2',
    normalScrollElements: '#element1, .element2',
    keyboardScrolling: true,
    touchSensitivity: 15,
    continuousVertical: false,
    animateAnchor: true,

    //events
    onLeave: function(index, direction){},
    afterLoad: function(anchorLink, index){}, …
Run Code Online (Sandbox Code Playgroud)

jquery fancybox fullpage.js

4
推荐指数
1
解决办法
1557
查看次数

标签 统计

fancybox ×1

fullpage.js ×1

jquery ×1