单页滚动页脚不显示

我正在使用此插件https://github.com/peachananr/onepage-scroll作为我的投资组合。它工作正常，我唯一的问题是页脚不显示与我想要的高度（高度：150px）。单页滚动页脚不显示

<div class="main"> 
<div class="section">1</div> 
<div class="section">2</div> 
<div class="section">3</div> 
<footer>Text</footer> 
</div>

如果我添加类部分到页脚它可以工作，但它会使页脚高度100％。

我发现另一个插件http://alvarotrigo.com/fullPage/可以解决这个问题，但我不想因为一个问题而改变它。

如果有人能帮我解决这个问题，我会非常感谢。

来源

2016-12-28 Georgi K.

你为什么不问插件作者？ –

尝试修复页脚底部 –

我们可以看到一个jsfiddle或更多的代码，它可能是各种各样的东西。尝试最小高度而不是高度。 –

我没有看到任何内置的方式做到这一点。你愿意修补插件吗？如果是这样，行之后：

$.fn.transformPage = function(settings, pos, index) {

地址：

if (pos <= -(total - 1) * 100) { 
    footer_height = sections.eq(-1).height(); 
    footer_percent = footer_height/$(this).height(); 
    pos = pos + 100 - (footer_percent * 100); 
}

而且对CSS，假设您的页脚是.page3：

.onepage-wrapper .section.page3 { 
    height: 150px; 
}

See it working。

来源

2016-12-28 20:28:08

你可以用这样的重要尝试在CSS：

footer { 
height: 150px !important; 
}

来源

2016-12-28 14:09:28

这可以工作，除非通过插件在js中设置高度。 –

@SergChernata 仅当设置的高度设置为！重要时。否则，它会覆盖，因为它设置为！重要.. –

单页滚动页脚不显示

回答

相关问题