我想复制下面网站中使用的技术,以便在查看器滚动过折叠后,会自动显示一个 div。
http://www.talentgarden.it/it/#!/home
我熟悉使用 jquery 隐藏 div 和使用 scrollTop 函数,但我不确定如何让 jquery 知道用户已通过折叠。
我是一个菜鸟,所以任何帮助表示赞赏。
谢谢,
乔
我想复制下面网站中使用的技术,以便在查看器滚动过折叠后,会自动显示一个 div。
http://www.talentgarden.it/it/#!/home
我熟悉使用 jquery 隐藏 div 和使用 scrollTop 函数,但我不确定如何让 jquery 知道用户已通过折叠。
我是一个菜鸟,所以任何帮助表示赞赏。
谢谢,
乔
他正在使用 ScrollSpy。见http://davidwalsh.name/mootools-scrollspy
这是我使用的代码(从某处获得)
var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
if ((wintop/(docheight-winheight)) > scrolltrigger) {...}
其中 scrolltrigger 是操作发生时页面的百分比。因此,如果您希望它在 95% 的页面显示后发生,请让 scrolltrigger = .95
看来他们正在检查 div 顶部相对于窗口底部的位置。一旦 div 向上滚动超过某个点,就会出现 div。