从另一个div的底部/后面显示滚动条上的固定部分

时间:2018-10-15 22:18:53

标签: javascript jquery html css

我想要一个像本网站http://actualidea.com一样从底部滚动显示的部分(可能大于视口高度)。

我知道可以在固定页脚位置(例如代码段)的情况下完成此操作,但是我想要与示例网站link类似的内容,以便可以在页面的任何位置使用该部分。

欢迎使用任何jQuery思想!

谢谢!

footer {
    height: 200px;
    position: fixed;
    bottom: 0;
}

2 个答案:

答案 0 :(得分:0)

要达到http://actualidea.com/上的效果,就需要使用几个JavaScript库和CSS。我建议您看一下scrollrevealJS-https://scrollrevealjs.org/和rellax(视差库)-https://dixonandmoe.com/rellax/

答案 1 :(得分:0)

在附近转转,我认为他使用了Readymag。 https://readymag.com本质上是通过移动容器的top css属性来使用JavaScript进行滚动的。看起来很复杂,我认为有很多极端情况要考虑。他们为包括键盘在内的各种滚动行为注册事件。