使用fullpage.js时, https://github.com/alvarotrigo/fullPage.js
底部有友情链接、底部菜单、联系方式等等部分不是满屏的,不需要滚动;
我首先想到的解决方案是使用小区域 https://github.com/alvarotrigo/fullPage.js#creating-smaller-sections
可是这个“小区域”只适用于不大于一屏的情况,对于我这个底部模块比较多,每个高度不确定的情况不适合;
请问是否有熟悉fullpage.js或者其他全屏滚动js库的大神遇到过类似情况;非常感谢;
我以前用fullpage的时候,查遍github上的文档也没有类似的方法。
所以还是自己写了段代码,先设置
scrollBar:true
,不然停下突然出现滚动条很突兀,然后当判断到slider滚动到最后一屏时就setAutoScrolling(false)
,然后就这样滚下来。当然回去也要判断
setAutoScrolling(true)
.使用position:fixed来处理该片区域?
遇到了类似问题,楼主解决了嘛
我也遇到类似问题了,只不过我是首屏不需要滚动。
api里面有$.fn.fullpage.setAutoScrolling();
跟楼上思路差不多,滚动到底部的时候设置$.fn.fullpage.setAutoScrolling(false);就可以啦