検索

ホームページ  >  に質問  >  本文

javascript - fullpage.js 部分全屏滚动,底部大概三屏的地方不需要滚动

使用fullpage.js时, https://github.com/alvarotrigo/fullPage.js
底部有友情链接、底部菜单、联系方式等等部分不是满屏的,不需要滚动;

我首先想到的解决方案是使用小区域 https://github.com/alvarotrigo/fullPage.js#creating-smaller-sections
可是这个“小区域”只适用于不大于一屏的情况,对于我这个底部模块比较多,每个高度不确定的情况不适合;

请问是否有熟悉fullpage.js或者其他全屏滚动js库的大神遇到过类似情况;非常感谢;

大家讲道理大家讲道理2896日前733

全員に返信(4)返信します

  • 阿神

    阿神2017-04-10 17:38:37

    我以前用fullpage的时候,查遍github上的文档也没有类似的方法。
    所以还是自己写了段代码,先设置scrollBar:true,不然停下突然出现滚动条很突兀,然后当判断到slider滚动到最后一屏时就setAutoScrolling(false),然后就这样滚下来。
    当然回去也要判断setAutoScrolling(true).

    返事
    0
  • 大家讲道理

    大家讲道理2017-04-10 17:38:37

    使用position:fixed来处理该片区域?

    返事
    0
  • 怪我咯

    怪我咯2017-04-10 17:38:37

    遇到了类似问题,楼主解决了嘛

    返事
    0
  • PHPz

    PHPz2017-04-10 17:38:37

    我也遇到类似问题了,只不过我是首屏不需要滚动。
    api里面有$.fn.fullpage.setAutoScrolling();
    跟楼上思路差不多,滚动到底部的时候设置$.fn.fullpage.setAutoScrolling(false);就可以啦

    返事
    0
  • キャンセル返事