2013/09/05
我尝试将侧边栏等放置在固定位置并自动跟踪它。
我经常在主页和博客上看到自动跟踪侧边栏之类的东西,但我一直想尝试一下,所以我就尝试了一下。
- <脚本 类型= “text/javascript” src = “http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js” >< /脚本>
- <脚本>
- $(函数($) {
- var 选项卡 = $("#sidebar"),
- 偏移量 = tab.offset();
- $(窗口).scroll(函数() {
- if($(window).scrollTop() > offset.top) {
- tab.addClass(“固定”);
- } 别的 {
- tab.removeClass("固定");
- }
- });
- });
- </脚本>
缩进可能不正确...
第5行,这次我使用了#sidebar,但是在这里输入要修复的部分的ID和类。
现在,我将以上内容插入到 head 标签中,并将以下内容添加到样式表中。
- .固定的 {
- 位置:固定;
- 顶部: 20 像素;
- }
这非常简单。
下面的博客非常有帮助。
谢谢。