1

当我向下滚动到它时，我试图让我的 div 粘在窗口的顶部。由于某种原因，我什至似乎无法瞄准它。

我附上了一个小提琴，向您展示我当前的代码。任何人都可以看到我可能会出错的地方吗？

http://jsfiddle.net/rn3yc/

JS：

var $sidebar   = $(".sidebar"),
    $window    = $(window),
    offset     = $sidebar.offset(),
    topPadding = 15;

$window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
        $sidebar.addClass('fixed');
    } else {
        $sidebar.removeClass('fixed');
    }
});
4

5 回答 5

1

检查这个简单易用的 CSS 技巧来制作粘性元素：http ://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

编辑

或者这个：https ://github.com/imakewebthings/jquery-waypoints

于 2012-10-26T08:45:18.653 回答
1

你没有固定的班级。写一个并将其添加到 css 中。此外，您的小提琴在 js 中有未闭合的大括号。

jsfiddle.net/Nn7d2/show/ 是一个固定版本。

于 2012-10-26T08:52:48.960 回答
1

我为你创造了一个小提琴。只是用ID更改了班级并申请了

position:fixed

在 CSS 中。这是小提琴jsfiddle.net/rn3yc/10/

于 2012-10-26T08:58:38.937 回答
0

我不知道这是否是你要找的，但只是试着看看。

jsfiddle.net/4RNLC/

于 2012-10-26T09:00:36.110 回答
0

您可以使用positioncss 的属性来固定标题。

.fixedHeader{
     位置：固定；
     顶部：0px；
}

于 2012-10-26T09:03:16.263 回答