我想复制下面的网站中使用的技术,以便在查看器滚动过折叠后,自动显示一个div。制作Div出现滚动后过弯
http://www.talentgarden.it/it/#!/home
我所熟悉的隐藏的div使用jQuery和使用scrollTop的功能,但我不知道究竟是如何让jQuery的知道用户已经通过折。
我是一个noob,所以任何帮助表示赞赏。
感谢,
乔
我想复制下面的网站中使用的技术,以便在查看器滚动过折叠后,自动显示一个div。制作Div出现滚动后过弯
http://www.talentgarden.it/it/#!/home
我所熟悉的隐藏的div使用jQuery和使用scrollTop的功能,但我不知道究竟是如何让jQuery的知道用户已经通过折。
我是一个noob,所以任何帮助表示赞赏。
感谢,
乔
这是我使用的代码(从某处得到它)
var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
if ((wintop/(docheight-winheight)) > scrolltrigger) {...}
其中scrolltrigger是页面%时的动作发生。因此,如果您希望在页面的95%显示之后发生,请使用scrolltrigger = .95
看来他们正在检查窗口底部div的顶部位置。 div一旦滚动过某个点,div就会出现。
他正在使用ScrollSpy。 请参阅http://davidwalsh.name/mootools-scrollspy
我必须在我的网站中包含“The MooTools JavaScript Class”吗?或者仅仅是例子中的文字?谢谢! – 2012-04-08 05:07:17
mootools包含在示例中 – worenga 2012-04-08 13:23:37
谢谢@mightyuhu 讨厌提问,但是有什么办法可以为此提供一个小提琴吗?或者请保存我的? http://jsfiddle.net/YC2Lh/ 我用他在他的网站上实际使用的图像链接替换了图像链接(http://davidwalsh.name/dw-content/peter-right.jpg) – 2012-04-09 07:24:18
因此,如果scrolltrigger大于95%,那么如何触发一个事件来显示div? – 2012-04-08 07:45:36
var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height(); ((wintop /(docheight-winheight))> scrolltrigger){.95} $('。target')。show(); – 2012-04-08 07:46:32