2

我想创建一个包含图形/图像的标题，当用户向下滚动以查看页面内容时，标题从底部开始，然后固定在屏幕顶部。

这是一个例子：http ://www.thinkful.com/learn/javascript-best-practices-1/

我将如何创建这个？

4

3 回答 3

2

我使用 jQuery Waypoints ( http://imakewebthings.com/jquery-waypoints/ ) 取得了很大的成功。

于 2013-10-07T23:49:52.570 回答
2

通过检查scrollTop(). 你可以很容易地搜索到这个。如何使用 jQuery 构建简单的粘性导航？

于 2013-10-07T23:50:03.240 回答
1

使用 jQuery：

  1. 您可以将$(window).on('scroll',function(){ /*your code*/ });函数绑定到滚动事件。

  2. 在该函数内部document.scrollTop用于了解滚动条的当前垂直位置

  3. .css()使用或更改标题和侧边菜单的 css.addClass()

  4. 最后，使用HTML5 History API，您可以更改 URL 而无需使用该history.replaceState()方法加载页面。

我刚刚创建了一个名为 Scrollit.js 的插件来完成这项工作。Chris Polis的原始版本效果很好，但不会更改 URL。我的版本确实更改了 URL 尚未完全测试。

于 2013-10-08T00:13:46.820 回答