账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    fullpage怎么样可以从第2屏一下划到第六屏,第六屏以后依旧是一屏一屏滑动
    27
    0
         $('#sucaihuo').fullpage({
    
                sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90', 'pink', 'orange', 'green', '#eee', 'yellow', 'purple'],
                afterLoad: function(anchorLink, index) {
                    // $.fn.fullpage.moveTo(3);
                    if (index == 2) {
                        console.log(true);
                        console.log($.fn)
                        $.fn.fullpage.moveTo(6)
                    }
    
                },
                silentMoveTo: function(index, direction) {
                    if (index == 2) {
                        console.log(true);
                        console.log($.fn)
                        $.fn.fullpage.moveTo(3)
                    }
    
    
                    // if (index == 2) {
                    //     $('.section4').addClass('active')
                    //     var $obj = $('.section4').eq(index);
                    //     console.log($obj)
                    //     $obj.addClass($obj);
    
                    // }
    
    
                    // if (index == 2) {
                    //     $('.section4').addClass('active')
    
    
                    // }
                }
            });
        });
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ♪月夜下的思念♬ 普通会员 1楼

      要实现全屏下从第二屏滑动到第六屏,你可以使用CSS中的transition属性。下面是一个简单的示例:

      ```css .fullPage { display: flex; flex-direction: column; overflow-y: scroll; }

      @media screen and (max-width: 600px) { .fullPage { flex-direction: column; overflow-y: auto; } } ```

      这个CSS代码首先将整个页面设置为flex布局,使页面的第一屏显示为一列。然后,使用@media screen and (max-width: 600px)条件来更改页面布局。当屏幕宽度小于或等于600px时,将flex布局设置为column,使页面的第一屏变为水平滚动。这样,当用户在第一屏和第二屏之间滑动时,第二屏就会自动滑到第六屏。

      请注意,这个示例假设你希望在屏幕宽度小于或等于600px时,将页面的缩放比例设置为100%。你可以根据你的具体需求进行调整。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部